I made the best way to choose colors for UI design - Realtime Colors v1
Juxtopposed
May 3, 2023 12:18
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Chapters
NEW - Watch the V3 updates: https://youtu.be/zy7Kf8WiSyE
------
Let's see how we can choose colors for UI design using Realtime Colors, the first UI color picker that allows for visualizing your UI color choices on a real website.
// ✨ Helpful links:
Realtime Colors: https://realtimecolors.com
Figma Plugin: https://www.figma.com/community/plugin/1234060894101724457
Simplest JS Theme Switcher Code: https://codepen.io/Juxtopposed/pen/OJBxEXV
HSL Color Difference Game: https://codepen.io/Juxtopposed/full/gOBWdaY
// ✨ Let's connect:
Twitter: https://twitter.com/juxtopposed
CodePen: https://codepen.io/Juxtopposed
Dribbble: https://dribbble.com/juxtopposed
Github: https://github.com/juxtopposed
Thanks for watching!
--------
// Timestamps:
--------
What is Realtime Colors?
Basically, it's a tool that allows you to pick your own colors for every element so you can have a better understanding of your color palettes and color design on different devices.
- Skip spending several hours on implementing the colors in a design software,
- Send the links of the colors to your friends,
- Download the palettes in image and code,
- Export the palettes on Figma through the plugin,
- and many more features, like font picking, etc. :)
In this video I'm also going through the implementation of the colors in both design (in Figma) and code, and explaining colors in UI design, including color schemes, the 60-30-10 rule, etc.
---------
#colors #colordesign #colorpalette #RealtimeColors #uidesign #choosingcolors #webdesign
-------
► Track Info:
► Video Link : https://www.youtube.com/watch?v=nIrzhZNPaX8&t=0s
Music provided by TikTak No Copyright Music.
Science & Technology
#color palettes
#color palette
#color design
#color theory
#how to choose color for ui design
#color psychology for ui design
#color palette for ui design
#color palette generator
#color palette generator figma
#web color palette
#how to use colors in web design
#website colors
#colors web design
#how to choose color palette for UI
#how to choose color palette for ui design
#ui color
#60 30 10 rule
#ui color picker
#ui design
#color in ui design
#choose colors for UI design