How to Choose Colors (Easy 3-Step Process)

Поділитися
Вставка
  • Опубліковано 17 чер 2024
  • Learn to design high end websites with our Web Design Pro course - bit.ly/3WaPu9D
    Grab “The Complete Guide to Choosing Colors” for free here 👉 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): 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: bit.ly/39fiPe1
    -
    Learn how to build custom websites with Webflow FAST:
    bit.ly/WebflowWebclass2020
    -
    Find me on other social media platforms:
    Instagram: / ransegall
    Twitter: / ransegall
    LinkedIn: / ran-segal. .
    -
    Gear & Book Recommendations: bit.ly/2ohFOuj
    #choosingcolors #webdesign #graphicdesign
    Thanks for watching the video!

КОМЕНТАРІ • 444

  • @_aguskhaer
    @_aguskhaer 2 роки тому +670

    this 60/30/10 method is genuinely effective, now i got the key of reason why experts do a good decision colors

    • @alex.g7317
      @alex.g7317 Рік тому +1

      "why experts do a good decision colors"

    • @cactuz116
      @cactuz116 Рік тому +37

      @@alex.g7317 who cares. English isnt everybody’s first language

    • @Kensingtonhawk
      @Kensingtonhawk 4 місяці тому +7

      ​@alex.g7317 Being fluent in english is not the flex you think it is. OP knows english cause it's one of the languages he speaks, whereas you know english cause it's the only language you know.
      Try having a common sense next time cause what OP said was easy to decipher.

  • @JohnUntivero
    @JohnUntivero 2 роки тому +331

    Anyone notice how he's using his colors (purple, peach, black) on his camera with the lights being purple, the skintones close to peach, and background/shirt being black with slight purple

    • @waleedreaper
      @waleedreaper 11 місяців тому +4

      Yes, those are colors that are used to gain trust.

  • @riledmouse4677
    @riledmouse4677 2 роки тому +210

    Wow, this video is one of the most helpful design tools I’ve ever come across. I’m not formally trained in design but I’m really interested in it and I need to understand it for my work. It’s been so hard to comprehend any of the written resources I’ve found. This just simplified things in such an accessible way, and gave me a place to get started from. I know it’s all pretty rudimentary but it feels like the missing link to help me actually begin to come up with a workable color scheme for my businesses. Thank you very much!

  • @middleburyastrology
    @middleburyastrology 2 роки тому +18

    Love this video :) Thanks so much for making this 60/30/10 clear. I've been designing graphics for years and am finally learning color theory. Thank you!

  • @lucidabi5524
    @lucidabi5524 2 роки тому +5

    Waauw this is amazing! Love it how you simplified that! Me too, I find it challenging picking colours & letting them vibe! This 3-step process is amazing!! Thank you!

  • @edma369
    @edma369 2 роки тому +9

    I just love your channel! Your videos are always so clear and concise, and straight to the point. You explain things so well, without being long winded (thank you!). I’m learning so much from you:-)

  • @helenchinweike8080
    @helenchinweike8080 2 роки тому +3

    Thank you so much for this . You have saved a soul from difficult in selecting colours.

  • @tomoworks5627
    @tomoworks5627 2 роки тому +3

    I failed my capstone hi-fidelity mock ups just because of color. I cannot tell you how many sources I tried to figure out how to deal with color. This might have finally been the key for me to get past this door. Thank you so FREAKING much! 🏆

  • @languagelover3343
    @languagelover3343 Рік тому

    Thank you!!!! Love this video because it is focused on processes and steps which is so useful for rookies like me who only know the theory and don't even know where to start!

  • @tahiking-hazel603
    @tahiking-hazel603 3 роки тому +3

    Great content Champ. Can't stop watching your Vids - keep it coming!!! all the way from New Zealand 🤙

  • @daramolatoluwalope4660
    @daramolatoluwalope4660 3 роки тому +51

    It took UI for me to start viewing Black and White as Colours I could actually plan with.
    In Arts school, it's viewed as neutral colours that you just use to mix other colours for the right tone or shade

    • @noskillzdad5504
      @noskillzdad5504 2 роки тому +1

      well, in "science-world" they are not even colors... ;)

  • @russianrightnow
    @russianrightnow Рік тому

    Maaaaaan, I've finally found the video that completely answers my questions about color usage! Thank you so much for these tips. It will help me for sure 🌿

  • @MegaTeeArts
    @MegaTeeArts 3 роки тому +6

    Thank you so much. This is very informative and helpful, especially for a budding and self taught graphic designer like me. Many thanks.

  • @samer.mghabghab
    @samer.mghabghab 2 роки тому +5

    thanks for acknowladging the intelligence of the viewers and the customers in your videos, a lot of graphic designers need to see this

  • @thapryncess3
    @thapryncess3 2 роки тому

    I’ve been searching and reading for hours and now I wish I came across this first!! Thank you!!

  • @remusb
    @remusb 3 роки тому +2

    That smooth zoom from the intro. Smoooth!

  • @kylewoodard1900
    @kylewoodard1900 Рік тому

    Whoa - one of the best blends of pace, knowledge and practical application. Impressive video.

  • @SharonJohnsonFitness
    @SharonJohnsonFitness 2 роки тому +1

    Thank for for this video. I’m not great at picking colors either. This is so helpful for my work. Appreciate it!

  • @meiyara.manawari
    @meiyara.manawari 3 роки тому +42

    thank you so much for these! as someone with logic-dominant brain, i suck at creativity. grateful to find your channel 💜

    • @adipurnomo5683
      @adipurnomo5683 2 роки тому

      You left brain person, don't you? What do you do?

    • @patriciacoutinho4077
      @patriciacoutinho4077 2 роки тому +13

      You don’t suck at creativity. You just probably don’t exercise it enough. Studying like you are right now will definitely help you! Good luck :)

  • @russelrealeza7142
    @russelrealeza7142 2 роки тому +4

    Pretty helpful man, as a designer, color is my weakness. But your short video help me realized the importance of the 60 30 10 rule. Thank you so much for this man, and I'm looking forward to learn more from your upcoming videos

  • @GrgoPetrov
    @GrgoPetrov 2 роки тому +11

    Great tool. Choosing colours truly is a pain in the ass, especially when you have to take into account the print (cmyk, pantone) and the best compromise between the online and printed visual consistency. I am so happy when you just have to do the digital part. :-)

  • @emilycolt9880
    @emilycolt9880 2 роки тому +1

    Nice video! I like that even your filming setup uses all 3 of your colors, and that you're actually one of them!

  • @brycecox8249
    @brycecox8249 3 роки тому

    Really appreciated the openness on the topic. Colour is hard at my current level of understanding

  • @BrantK147
    @BrantK147 Рік тому

    omg I've been looking for something like this for ages. I can't believe this tool is not more known.

  • @_demonamv
    @_demonamv 2 роки тому

    Thanks Flux, it helped me a lot in choosing a color for my site, you explained pretty clearer than most of the videos on internet

  • @picmakerhq
    @picmakerhq 2 роки тому +62

    5:23 60/30/10 rule always works! It's awesome to watch you bring this up in the colors topic :)

  • @adrianapascale3916
    @adrianapascale3916 3 роки тому

    This channel is amazing, thank you for all this useful content!

  • @nsoneu
    @nsoneu Рік тому +1

    Love this! Accesibility colors, choosing fonts I would like to see more of this 👌👍

  • @gustavo15798
    @gustavo15798 2 роки тому +3

    Thanks a lot for helping non-designer people. Straight to the point. I'm start a project, so it's probaly be needed.

  • @imanealherchi4466
    @imanealherchi4466 2 роки тому +1

    Great video thank you so much, I always waste a lot of time choosing colors and that made me so stressed, now I will stick to your strategy and the website you suggested is great.

  • @humility0is0a0virtue
    @humility0is0a0virtue 3 роки тому

    Man! You are always right on time! Thanks for sharing!

  • @faheemkausar669
    @faheemkausar669 2 роки тому

    super useful. I recently has to plan for colors pallete ideas for a website revamp. This helped a lot!

  • @sirsteadyeddie3478
    @sirsteadyeddie3478 2 роки тому

    this is an amazing video ; im so glad i found this youtube channel. Phenomenal content 10/10

  • @Kids_Toonz
    @Kids_Toonz Рік тому

    This is awesome, I’ve learnt a lot from this I honesty have great issues with my colors and fonts, thank you so much ❤

  • @chuckolator1859
    @chuckolator1859 2 роки тому +32

    This is a super cool video! I'd love to see more about color usage. Specifically, what is implied by using contrasting colors, compared to similar colors? What is implied by a gradient? And what other techniques are there? I'd love to learn about that. I'm not sure what that's called though.

  • @roxcastaneda
    @roxcastaneda 2 роки тому

    This was very useful and short, I love short and clear and concise.

  • @benemarci1996
    @benemarci1996 3 роки тому +1

    Thank you for the quality content! 🙏❤️

  • @Foxnet121
    @Foxnet121 3 роки тому

    man i discovered your channel today, it is amazing!

  • @cilgin-oyuncu
    @cilgin-oyuncu Рік тому

    Thank you so much for helping me choose a color.
    Now I can decide on the colors of my company logo. :)

  • @VictorCapilla_ESP
    @VictorCapilla_ESP 10 місяців тому

    So useful tips! Can't wait to use them on my projects 🔥

  • @anonymousppl4528
    @anonymousppl4528 3 роки тому +3

    I spent a few months trying to figure out a color palette for my website. Now I know what I must do. Thanks bro!

    • @chukaodunna5461
      @chukaodunna5461 2 роки тому +1

      Lol, you sounded like Thanos 😂

    • @anonymousppl4528
      @anonymousppl4528 2 роки тому

      @@chukaodunna5461 Hahaha ... yo, that's so funny I definitely sounds like Thanos at the end there. Good catch :)

  • @ArtVandelayInc
    @ArtVandelayInc 2 роки тому

    Damn. I just signed in just to like this video. Such a great job at summarizing things. Well executed!

  • @johnmartinpareja2500
    @johnmartinpareja2500 3 роки тому +1

    Thank you so much for this tip!!! Very helpful

  • @taofiqyakubu3036
    @taofiqyakubu3036 2 роки тому

    i havent watched any of your tuts yet .. but from your studio lighting ... i just had to sub bro .. well done sir

  • @alexbaciu8211
    @alexbaciu8211 3 роки тому +14

    This is a very helpful starting point and works great for basic designs. However, I want to encourage everyone to not stop here with learning about palettes, because once you get into more than just simple brochure sites things start to change. In those cases starting with 3 colors like this is still your best bet, but you will most likely have to create shades for each of them. Add to that messaging colors (your reds for errors, greens for success, and so on) and things can easily start to get out of hand. On top of all that you will also have to manage the contrast between your colors so you can keep your UI's accessible.

    • @shinyshinythings
      @shinyshinythings Рік тому

      Thank you for bringing up the importance of accessibility!

  • @kt1122
    @kt1122 Рік тому

    Thanks for the great video. Short and sweet, to the point.

  • @YamekDrope
    @YamekDrope 2 роки тому +1

    The most thing i hate about design is color plates especially when my clients have their color already. This video is very helpful i kinda understand what to do next time. Thanks

  • @jrareising5344
    @jrareising5344 3 роки тому +74

    Really a useful content...Now I don't have to keep repeating my color scheme subconsciously..

    • @FluxAcademy
      @FluxAcademy  3 роки тому +3

      Glad it was helpful!

    • @MuhammadYamman
      @MuhammadYamman 3 роки тому +3

      Yes it was really helpful. But there is nothing wrong with using same scheme again and again if fits a brand or business. Don’t be shy to repeat colors in projects.

  • @om.nom.candymadness1256
    @om.nom.candymadness1256 Місяць тому

    Amazing video! Thanks for clarifying colors! This was tremendously helpful!

  • @itsmissalina222
    @itsmissalina222 Рік тому

    This 7 minutes were so useful ! Thank you very much 💜💛🤍

  • @flix-tw5ow
    @flix-tw5ow 2 роки тому

    Awesome video, thanks so much for simplifying my life this much!

  • @CJBuzz-uk8hp
    @CJBuzz-uk8hp 2 роки тому

    I love all these rules. Although they're helpful for beginners and sophomoric designers. I think more experienced and capable designers get expand on this beginner palate.

  • @ThomasGrantMacDonald
    @ThomasGrantMacDonald 9 місяців тому

    Awesome! Using this right now for a Client website design. Thanks Ran

  • @thieutinhte
    @thieutinhte Рік тому

    I need videos like this to develop color thinking. thank you !!!

  • @tieraneycarter5560
    @tieraneycarter5560 3 роки тому

    This is super helpful! Thank you so much :).

  • @dianaavalos3033
    @dianaavalos3033 Рік тому

    This is really good information, clear and to the point!

  • @toluwanimifavouronifade8702
    @toluwanimifavouronifade8702 3 роки тому

    Really helpful tips, thanks Ran!

  • @Actidad
    @Actidad 2 роки тому

    Very well made video. Much appreciated!

  • @bbtechie
    @bbtechie 2 роки тому

    Incredible! I love this. Thanks man

  • @pipeliner8969
    @pipeliner8969 2 роки тому

    this was really well explained! Thanks!

  • @mouadhboukefa560
    @mouadhboukefa560 Рік тому

    You said a process and I saved the video immedietly. I am sure this is a great video even before i watch it. thank you for sharing

  • @sergiokiselov1458
    @sergiokiselov1458 2 роки тому

    this 60/30/10 method is genuinely effective, now i got the key of reason why experts do a good decision colors
    Tnx ! great vudeo

  • @ogundaretaiwo383
    @ogundaretaiwo383 2 роки тому

    This is super useful to me. Sometimes, I create great designs by luck. Because I really have big issue with color combination. Thanks a lot. From Nigeria.

  • @nickdixon3536
    @nickdixon3536 3 роки тому

    Good video, Keep em coming! 👍🏽👍🏽

  • @iziahw
    @iziahw Рік тому

    This is really helpful! Very valuable resources in this video. Thank you!

  • @xyancpo
    @xyancpo 4 місяці тому +1

    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!

  • @jaychang100
    @jaychang100 2 роки тому

    this help me out so much, thanks for the great content.

  • @promiseigbosonu1455
    @promiseigbosonu1455 9 місяців тому

    So helpful.. glad I came across it.. will be trying it out asap

  • @jennifermagpantay7933
    @jennifermagpantay7933 2 роки тому

    Great video! Thanks for sharing! I have been using myColour for a long time and is defo a life saver tool!

  • @elpidampt9194
    @elpidampt9194 2 роки тому

    This was very helpful!! Thank you very much!!

  • @katinkaza
    @katinkaza 11 місяців тому

    love this - thank you so much for this video !!!

  • @user-zh4vo1kw1z
    @user-zh4vo1kw1z Рік тому +2

    The thing to remember about colour meaning is that a lot of it is culture and context bound. McDonald's now using green in their logo is very different than a logging company. Bright blue used to indicate extreme wealth. In some regions white clothing is specifically related to mourning.

  • @kuroneko9493
    @kuroneko9493 3 роки тому

    been very helpful, thank you. 😊

  • @user-xm6bx7tz8u
    @user-xm6bx7tz8u 7 місяців тому

    Solved my problem in 3 minutes, I play every video in 2x speed, thanks man

  • @aakashhhhhhhh
    @aakashhhhhhhh 2 роки тому

    This video is so helpful. I was stuck with color palette for our website

  • @satah5045
    @satah5045 2 роки тому

    Thanks for the links about colour 😊 it's really helpful

  • @kawserahmed1471
    @kawserahmed1471 3 роки тому

    thank you man it's really helpful.

  • @mariannethompson8851
    @mariannethompson8851 2 роки тому

    Thank u for this...easily understandable...easy to grasp...

  • @MJallo
    @MJallo 8 місяців тому

    Thank you so much. Very helpful tuto.

  • @martamajkowska1046
    @martamajkowska1046 3 роки тому

    Really useful video! Thanks 💙

  • @irinalinuza8341
    @irinalinuza8341 2 роки тому

    Super helpful video, thank you a lot!

  • @hworknet
    @hworknet 3 роки тому

    Cool lesson. It will help me. Thanks. 😊

  • @happycloud8790
    @happycloud8790 9 місяців тому

    That's very helpful, thank you!

  • @dominiquevalle3519
    @dominiquevalle3519 2 роки тому

    This was great!! Great link for colors pallettes

  • @carlosnani
    @carlosnani 2 роки тому

    Thanks a lot. It'll gonna be very useful!

  • @amalaliyu8905
    @amalaliyu8905 2 роки тому

    Very helpful video I'm very thankful. Thank you 😊

  • @Milchenkaa
    @Milchenkaa 3 роки тому

    Super helpful, thanks!

  • @prabhathsannasooriya
    @prabhathsannasooriya 3 роки тому

    i found this chanel today.there are lots of usefull things for frontend developer

  • @RenatoStupar
    @RenatoStupar Рік тому

    Thank you! Very nice explanation. Keep up good work. Cheers! :)

  • @amarantakruger8902
    @amarantakruger8902 2 роки тому

    Easy and effective thanks!

  • @camillabrandao_ads
    @camillabrandao_ads 2 роки тому

    Great video as always!

  • @DavidStavegard
    @DavidStavegard 2 роки тому

    Hey, this was really interesting. I like that website that gave you the additional colors.

  • @kouroshazarian6089
    @kouroshazarian6089 Рік тому

    Awesome tools! Thank you, man. 🤩

  • @mattmeetmatt
    @mattmeetmatt 2 роки тому +8

    Some of this useful. I would say that relying on algorithms for color choice is not a good idea. It's a quick fix leading to a bigger problem. Taking the time to study a little color theory would be much more beneficial. For example, if a client asks you why you chose those colors to represent their brand, "it's what the computer said would work" isn't going to fly. Start with Josef Albers on color theory and go from there. You'll make much better color decisions.

  • @kofheartsdesigns
    @kofheartsdesigns 9 місяців тому

    thank you for the concise tip!

  • @KINGDOMPRENUERS
    @KINGDOMPRENUERS Рік тому

    Awesome explanation for the 60/30/10 rule. Great Video.

  • @adamstuartclark
    @adamstuartclark Рік тому +3

    I tend to use this approach but with two groupings ("main stage" and "supporting acts").
    "Main Stage" colours are brand inspired, while "Supporting Acts" are derived from a functional UI standpoint (error/success states, links, etc). It's important to know if these will clash.

  • @isaaccodez
    @isaaccodez Рік тому

    Am very new in this career because am just going to start my IT studies but I have liked your video and I have taken out something

  • @jagrutisawant5205
    @jagrutisawant5205 2 роки тому

    This is so helpful thank you .

  • @nasimakhanliza1561
    @nasimakhanliza1561 3 роки тому

    Wow,this is great.