Common Actions
Design Tips
Category
Currents
Category
Interactions
Category
Illustrations
Category
Resources
Category
Education
Category
Tools
Category
Gradient Generator
Resources
Morflax
Tools

Get resources and create, customize 3d elements all in your browser.

How to know if your redesign was successful
Education

Learn ow to measure ux of designs you've made.

unDraw
Resources

Browse to find the images that fit your needs and click to download. Use the on-the-fly color image generation to match your brand identity.

SVGator
Tools

Web-based Animation Tool Animate SVG, Lottie, GIF & Video - create lightweight animations with an intuitive and beginner-friendly design tool.

Upscale.media
Tools

Leverage AI technology to enhance your image quality.

How to make your portfolio text readable
Education

This is how I went from writing unreadable descriptions in my UX portfolio to making them look readable, scannable and clear.

How to change Ux artefacts into stories
Education

This is how I went from showing ideation the same way as everyone else to being that person who changes UX artefacts into stories.

Questions you should be asking on your discovery call
Education

Type of questions you should be asking on your discovery calls

Logo variations your brand needs
Education

These are different versions of a brand's logo that come to the rescue in specific situations. They ensure that your brand always looks consistent, no matter where it's displayed, whether it's on various platforms, different sizes, or in various uses.

How to document your design process
Education

Documentation is essential for several reasons. Firstly, it provides a blueprint for future projects, offering valuable insights and learnings from past experiences. Secondly, it serves as proof of your work, safeguarding against any disputes or misunderstandings with clients. Slide to see documentation essentials you need as a designer. 

MaxiBestOf
Resources

Daily website design & typefaces inspiration feed.

Bubble
Tools

Quickly design, develop, test, and launch production-grade applications with our AI-powered no-code development platform. Whether it’s an enterprise-level web app or the first iteration of a startup, you can build it on Bubble.

How to create 3D Website Designs With No Code
Design Tips

Learn how to add 3d elements to your web designs. These can be interactive 3d objects that you can place within your user interface to bring more life to a site design. This video I'll add elements without even using iFrames, but instead using spline and it's code blocks to embed 3d objects that can be moved by your mouse, or scroll or anything!

5 laws of design layout & composition
Education

Learn about the 5 laws of design layout & composition 

Freebie supply
Resources

The freshest design resources for Adobe XD, Figma, Sketch, Photoshop and Adobe Illustrator.

Vector portal
Resources

Free stock svg vector imaged, clip art and icons

Pttrns
Resources

With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world.With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world.

Asylab
Resources
Creatoom
Resources
The dots
Resources
Crate
Resources
Degreeless Design
Resources
Psdrepo
Tools
UIverse
Tools
UXTOOLS
Resources
Oops! No results found
Please make sure your words are spelt correctly.
Search for designs, illustrations, books instead?
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Sign in
Sign up
All
Design Tips
Resources
Education
Tools
Illustrations
Currents
Interactions
Create an accountAlready have an account? Sign in
Your Name
View Profile
Saved Whiz
Logout
Welcome
Please enter your details.
New here? Sign up
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Welcome
Please enter your details.
Already have an account? Sign in
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
HomeToolsVisualize Your Colors & Fonts On a Real Site

Visualize Your Colors & Fonts On a Real Site

byReal time Colors
Share
No items found.
No items found.
01 / 00

Color Palettes make it hard to pick. This tool distributes the colors on a real website.

Tags
No Code
Design System
UI/UX Design
Web Design
How-To's
Author
Real time Colors
Source
Link
Featured
July 2, 2024
More like this
Tools
Tool or Software
CodeFun
Tools
Tool or Software
Typper
Tools
Tool or Software
Dualite
Tools
Tool or Software
Tencent CoDesign
Tools
Tool or Software
QR Code Designer
Tools
Tool or Software
Icons → Code
Tools
Tool or Software
CoderPad
Tools
Tool or Software
Codia AI
Tools
Tool or Software
Figma to Dora
Tools
Tool or Software
Clapy
Tools
Tool or Software
QR Coder
Tools
Tool or Software
FireJet
Tools
Tool or Software
Codejet.ai
Tools
Tool or Software
AutoHTML
Tools
Tool or Software
PxCode
Tools
Website
VectorPortal
Tools
Website
Ira Design
Tools
Tool or Software
TeleportHQ
Tools
Tool or Software
CodeTea
Tools
Tool or Software
Locofy Lightning
Tools
Website
Jam.dev
Tools
Website
Shrink.media
Tools
Website
Morflax
Tools
Website
SVGator
Tools
Website
Upscale.media
Tools
Website
Bubble
Tools
Website
Psdrepo
Tools
Website
UIverse
Tools
Tool or Software
DesignDoc [Spectral]: Measures, Annotations, and Handoff
Tools
Tool or Software
EightShapes Specs
Tools
Tool or Software
Redlines & Annotations
Tools
Tool or Software
Measure
Tools
Tool or Software
Redlines
Tools
Tool or Software
Icons8 Background Remover
Tools
Tool or Software
uiGradients
Tools
Tool or Software
Blobs
Tools
Website
Atmos
Tools
Website
Coverr
Tools
Tool or Software
Codelessly
Tools
Tool or Software
Super Tidy
Tools
Website
Vectary
Tools
Website
Format mockup
Tools
Website
Mockrocket
Tools
Website
Afterimage
Tools
Tool or Software
Design System Hub
Tools
Website
Pixcap
Tools
Tool or Software
Xmind
Tools
Website
Creatsy
Tools
Website
Pictogrammers
Tools
Tool or Software
Fullstory
Tools
Tool or Software
Origami Studio 3
Tools
Website
Lunacy
Tools
Tool or Software
KERNTYPE
Tools
Tool or Software
Colors by Fardos
Tools
Tool or Software
Super Tidy
Tools
Tool or Software
Blobs
Tools
Tool or Software
uiGradients
Tools
Tool or Software
Icons8 Background Remover
Tools
Tool or Software
Redlines
Tools
Tool or Software
Measure
Tools
Website
Site Inspire
Tools
Tool or Software
Google sheet sync
Tools
Tool or Software
Angle Mockups
Tools
Tool or Software
Content Reel
Tools
Tool or Software
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Tools
Tool or Software
Stark - Contrast & Accessibility Checker
Tools
Tool or Software
Remove BG
Tools
Tool or Software
Status Dropdown
Tools
Tool or Software
TagIt: Tags Manager
Tools
Tool or Software
Commentify
Tools
Tool or Software
AnnoDot
Tools
Tool or Software
Qualas Tracking Plan
Tools
Tool or Software
Stickies
Tools
Tool or Software
Locksmith
Tools
Tool or Software
Simple Status
Tools
Tool or Software
Amplitude Event Planner
Tools
Tool or Software
Quick Status
Tools
Tool or Software
Variant Annotator
Tools
Tool or Software
Auto Number
Tools
Tool or Software
Tracking
Tools
Tool or Software
Anno-tation
Tools
Tool or Software
MockFlow AnnotatePro
Tools
Tool or Software
specspec
Tools
Tool or Software
FigDone
Tools
Tool or Software
axe for Designers: A Free Accessibility Plugin
Tools
Tool or Software
Include—Accessibility Annotations
Tools
Tool or Software
Annotation
Tools
Tool or Software
Sticky Notes Kit
Tools
Tool or Software
Annotate Design
Tools
Tool or Software
Handoff notes
Tools
Tool or Software
A11y - Focus Order
Tools
Tool or Software
Status Annotations
Tools
Blog Posts/Article
Visualize Your Colors & Fonts On a Real Site
Tools
Tool or Software
Motion
Tools
Tool or Software
Figmotion
Tools
Tool or Software
Beatflyer
Tools
Tool or Software
Parallax
Tools
Tool or Software
Physics animation
Tools
Tool or Software
Trace Images
Tools
Tool or Software
Export to GIF/Video

Unlock all access

Get unlimited access to full collection of bit sized design tips and tricks made by designers for designers to boost your design workflow easily
By continuing, you acknowledge that you have read and understood, and agree to Dsgnwhiz's Terms of Service and Privacy Policy