How to Choose Colors (Easy 3-Step Process)
July 1, 2024 2024-07-01 12:46
How to Choose Colors (Easy 3-Step Process)
Learn to design high end websites with our Web Design Pro course – https://bit.ly/3WaPu9D
Grab “The Complete Guide to Choosing Colors” for free here 👉 https://bit.ly/3IMy9iM
Choosing colors for a new project is a daunting task for many (including myself).
There’s so much ambiguity involved:
How do I decide on my primary color?
How do I match it with other great colors?
How do I apply all of my colors thoughtfully to my website?
All of these questions are answered in this video through a simple & reliable 3-step process that you can apply to any project.
Timestamps:
00:00 Intro
00:39 Choosing a dominant color
2:00 Add two more colors
4:12 How to apply your colors
Check out our blog post on color (it includes a table explaining the meaning of every color): https://bit.ly/39fiw2R
If you want to learn more about how to apply color to web design and combine that with great typography, layout, strategy and everything in-between, then check out our 10k Website Process course: https://bit.ly/39fiPe1
–
Learn how to build custom websites with Webflow FAST:
https://bit.ly/WebflowWebclass2020
–
Find me on other social media platforms:
Instagram: https://www.instagram.com/ransegall/
Twitter: http://twitter.com/ransegall
LinkedIn: https://www.linkedin.com/in/ran-segal…
–
Gear & Book Recommendations: http://bit.ly/2ohFOuj
#choosingcolors #webdesign #graphicdesign
Thanks for watching the video!
source
Comments (43)
@sridharansri7812
super sir
@TiamAz-yy2bf
Great
@emarshatai
thank you this was sooo helpful 😄
@anilworldwide
Thanks Flux Academy !
@om.nom.candymadness1256
Amazing video! Thanks for clarifying colors! This was tremendously helpful!
@SisiBisi-zh1cj
Thank you
@altheaprass
Thanks
@Chris-jm2gx
Ascent? not Accent?
@xyancpo
Thank you for the information, i always see people use this design recipe in their deisgn, and i wanna find how gladly i found the video!
@uriellatagnipes2792
Thank you for this. This is helpful 🙂
@ezekielmagnanimous5697
More explanation on how to use 60 30 10 rule and some examples
@becauseisaac
accent ak-sen-t not ass-ent
@bensonbenson4149
This was helpful. As I have struggled to pick colors for my designs
@paulperole
so helpful! also funny you you pronounce accent as "ascent"!
@StevenKane-gl7ts
Brilliant video mate 🔥👌
@tonyg_nerd
Thanks for vid, but sorry:
Accent = axe + sent = ak + sent
@Adlip_Kun
Thank you so much for sharing
@joshuaoguma4056
said alot and said nothing at the same time
@tvujtatata
As a frontend software developer, I really struggle with design. I am good in the back of the FE like logic, performance, and the whole architecture, and can work with CSS if I am given a design but coming up with it myself is difficult. Especially when it comes to colors. So we have primary, secondary, and accent colors. Then there are actions. They can also be primary and secondary. Now what colors to choose for those actions since accent color should be used for CTA. This is where I get lost haha.
@IdknkVlogs
thank you
@user-xm6bx7tz8u
Solved my problem in 3 minutes, I play every video in 2x speed, thanks man
@WavePalette
Also you can try the wave method of building color palette
@Rex_ults
Luv it!!!!!
@user-ke6lb3dv7s
You'er great person thank you soo much
@user-dz8vr6gw1w
To my fellow designers and Ran Segall, whenever I'm going to design a landing page. I always tend to follow the company's color branding of their logo, is it a good practice? and is there a time when you didn't follow the brand's color. Thank you for this video, I learned, and helped me a lot dealing in with one of my struggles.
@marianebrenner2639
ajudaria muito se tivesse legenda
@KenKopelson
By the way, the word "Accent" is pronounced ACK-SENT. "Ascent" is pronounced ASSENT, and it means to go up.
@ashishpondit8183
thanks, it was really helpful
@CoolIntellect
Thanks for this amazing one!
@naturebeats1726
love this one 60/30/10
@AntimaterieGame
Really nice video!
(Just one tiny hint: Pronounce it ac-cent not like ascend)
@MJallo
Thank you so much. Very helpful tuto.
@uifry
Great Content !!
@T.FBULLY
What's the name of that font For the big white words?
@GinaMaher_
the idea of switching it up and trading white for black etc… really cleared up a lot for me! I've watched a few color videos now and i'm always like ok so sometimes the font counts as a color and other times it doesn't??! and that page is not 60% that color! and it was driving me insane ha.
@raybbaby
My brain glitches when he pronounces "accent" as "ascent". What did he just say???
@promiseigbosonu1455
So helpful.. glad I came across it.. will be trying it out asap
@hishamelfangary722
Very helpful video.
But I don't see the purple in your choice of dominant color at all. It just seems like it's fully blue.
@happycloud8790
That's very helpful, thank you!
@zes7215
no such thing as domx or complx or more x or meanx or etc, cepuxuaxcuix, outx, can outx infix any nmw and any s perfx
@fathimarisla6223
pls tell me maching 3 colours for maroon colour
@ThomasGrantMacDonald
Awesome! Using this right now for a Client website design. Thanks Ran
@esterschreiber5900
Great tutorial!