I accidentally made the best way to choose colors for UI design - Realtime Colors v1
NEW - Watch the V3 updates:
------
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:
Figma Plugin:
Simplest JS Theme Switcher Code:
HSL Color Difference Game:
// ✨ Become a supporter:
// ✨ Let’s connect:
Twitter:
CodePen:
Dribbble:
Github:
Thanks for watching!
--------
// Timestamps:
00:00 Intro
00:19 Color design is HARD
00:39 Introducing Realtime Colors
00:58 About Colors
01:12 Simplest UI Color Design Tutorial
01:25 Step 1: Test with Realtime Colors
01:59 Color Schemes
02:59 Step 2: Export the Colors
03:17 Step 3: Design with the Colors
03:38 Step 4: Code with the Colors
04:11 60-30-10 Rule
04:36 Color Psychology
04:57 The Takeaway
--------
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 :
Music provided by TikTak No Copyright Music.
1 view
152
48
2 months ago 00:27:29 1
Самое страшное в исследовании космоса
2 months ago 00:02:48 1
Math Professor Fixes Projector Screen (April Fools Prank)
2 months ago 00:15:09 1
When you make house music for rock fans
2 months ago 00:00:32 1
EP 1. Spidergirl finds a new Friend (Minecraft Animation)
2 months ago 00:11:54 1
I Found a $1 Bill Worth $150, of.
2 months ago 00:01:37 1
can you feel my heart ? | TWEWY AMV
2 months ago 01:32:59 1
MOST SCARED I’VE EVER BEEN TRUCK CAMPING - HUMAN SCREAMS IN THE FOREST! TERRIFYING CAMPING NIGHT
2 months ago 00:02:13 1
Shadow of War
2 months ago 00:23:21 1
Broken Peach - The Night Of The Halloween Specials (Live)
2 months ago 00:28:59 1
My TERRIFYING Discovery IN the PARIS CATACOMBS - You Won’t Believe it!
2 months ago 00:13:51 1
Poe | Twink Leveling | Build Guide | 2 Hour Act 10 | Fastest Build | Any Class | Any League
2 months ago 00:00:00 1
Cтрим НейроГеншин (NeuroGenshin Live)
2 months ago 00:12:09 1
INDUSTRIAL DANCE | Amphi Festival 2024
2 months ago 00:11:56 1
Amphi Festival 2024 Vlog | Ciwana Black
2 months ago 00:04:26 2
The Sugarcubes - Hit - Live 1991
2 months ago 00:05:22 1
Programming a Traffic System for my Game | Devlog #3
2 months ago 00:04:46 1
PrinceWhateverer - Elemental [MLP ANIMATIC]
2 months ago 00:04:05 1
You Look Lonely x Narvent - Her Eyes
2 months ago 00:02:36 1
Shrek 2 (2004) - Accidentally in Love Scene (1/10) | Movieclips
2 months ago 00:09:34 1
David Benavidez (MEXICO) vs. Caleb Plant (USA) Full Fight Highlights
2 months ago 00:32:19 1
Yahya Sinwar Died a Hero, Exposing Israel’s Lies About Him
2 months ago 00:00:51 1
ALIENATING OUR AUDIENCE/ Alt Yoshka yelling at you for 50 seconds
2 months ago 00:41:19 1
Falling Into Your Kiss💘EP17 | One-Night Stand Cinderella#zhaolusi Got Pregnant, Married CEO#yangyang
2 months ago 00:11:42 4
Estrellas que acabaron mal (Vídeo desbloqueado y resubido)