I made the best way to choose colors for UI design - Realtime Colors v1

[@juxtopposed]

NEW - V3 Updates: kzbin.info/www/bejne/sKqafJlujM6Gr6csi=l1pyrBKpsOy1oPny What do you think about Realtime Colors? Does it help make your job easier? If you have any suggestions, or if there are features you'd like to see on it, let me know down below! ✨

[@jayz124]

This is so cool - going to start using it exclusively for color planning

[@danuvip]

It'd be an awesome feature, that you get a QR code which pops up on clicking "share" (I think its called modal popup?). That way the costumer / client can quickly look how it would look like on some mobile devices.

[@SSango-hk9sm]

Its awesome

[@stanislaslaurent970]

Could we get an option to set the text color for each button?

[@blackrobot138]

Can you also dive deeper into the problem of colors looking different on different devices ? I know that every screen has different color calibration so is there a way to overcome this problem?

[@MTMByt]

I just found your channel now, and it looks like you’ve only had it for a while. These videos are really high quality. Please don’t stop

[@draftermyself]

Yep! Subscribed too

[@zeph8620]

same

[@ValentinLaurentiu]

Yeees. Exactly my thoughts 🎉

[@ben-brady]

I was really saddened to see they have only 4 videos, I'm excited to see what else they'll make.

[@iamthekaverik]

"dooon't stop ... beliiieevin'"

[@frankkevy]

Storytelling, animation, rythm, even the subject... This is art at its finest !

[@andreypio1806]

FINALLY an Ad that held my interest to the last second! Short, simple and a problemsolver! freaking Genius!

[@UGHHGUHG]

I'm an artist and this has been more useful than all the color theory videos I've ever seen, thank u so much😭😭

[@jordanvegas3999]

This is actually the best thing that was ever created. I cannot express my words on how grateful I am, that you provide this feature for free. I hope you all the best

[@VioletVolchok]

You've just completely blown my mind. Such a cool idea, flawless execution, concise video instructions with massive amounts of information in 5 minutes. Please never stop! May you have a million subscribers by next year ❤ and I will share this with my web design student group

[@znbh]

i was literally JUST looking for ways to find colors and i went to like 5 websites looking for “best website color designs” or whatever, and the next morning i find this. you deserve way more than 13k subs. you’ve definitely got me as a +1 now

[@TheMMMedo]

Great tool, the only thing I'm missing there is "locking" certain colors and then generating the rest of the colors to complement the fixed colors. When I already know my primary color, but want to choose others, I would just lock it and then randomize the rest. Other tools for color themes have this and for me, that's probably the only thing that gives them the advantage. Otherwise very nice and clean, saved to my bookmarks!

[@juxtopposed]

That's a great suggestion, and I've been dwelling on the idea as well. I think it'll be helpful so I'm adding it to the to-do list :) Thanks! ✨️

[@GreggTri]

@@juxtopposed I was actually thinking of this aswell and made a comment but didn't realize this was already here. I think this is a good idea as well or even be able to just randomize just one of the things individually as well as all at the same time. Different way of doing the same thing but either would work great. Great work though. Cheers!

[@skivvytv6229]

@@juxtopposed Would also suggest showing the pattern through which the colors are generated as a little image next to the recommended color schemes, makes it more intuitive to understand than just reading "square" or "complimentary" etc. but idk might be stupid suggestion just something I thought of while watching the video :)

[@GreggTri]

@@juxtopposed Hey, I actually just recently thought about this again but you should look into potentially creating a VsCode extension (or dev package?) that could auto-inject the hexcode colors into a scss variable or tailwind css variable. as long as someone sets their site up with the variables they can randomize the color palette to whatever they so choose. Something to think about.

[@EappleSandbox]

I'm not an artist and have little experience choosing colors but sometimes I really need a good color palette for certain projects and assignments and this tool is literally a lifesaver.

[@noctali8049]

Omfg what an incredible tool! As primarily a backend dev I cannot even begin to express how much I appreciate you right now ❤

[@elliotmarks06]

It's crazy how much work you put into making that site! It's super cool, and I hope to see it getting more attention and use in the future.

[@zeroiq9345]

I would say this channel is way too underrated, with this type of content there's a huge potential for growth. just don't stop! ✌

[@Ghc902]

I think adding readability score based on contrast between text and background would be quite nice, also having more dark mode features like start with light backgrounds and auto supply dark mode dark background and light text colour would be very useful.

[@juxtopposed]

good suggestion +1

[@EddieBarksdale]

Was looking to see if someone else suggested this. There’s been an uptick in lawsuits over web accessibility and color contrast can be an easy way to loose, but there are very few tools that make the process easy. It would be amazing to have readability score considered with this!

[@jasonranalliheadshots6875]

Another fantastic video. You have a great way at explaining these things in just the right amount of detail at just the right speed. Fantastic video editing as well.

[@intelrail6268]

You are one of the few people that simplify design! Thanks for sharing your knowledge and skills.

[@jmhpt]

Your channel really has the potential it needs to grow big - 700,000 rather than the 700 subs you're looking at right now! Your videos are well-made, entertaining and informative. Keep it up!

[@yonathan.camacho]

Now the main concept of the video about palettes was amazing and helpful, but what managed to trump that even more was the fact that vars, themes and the function of HSL exist. I've never know about these and they're sooo usual. 11/10 video overall..

[@ralacerda12]

That is an AMAZING website. I was looking for something just like this. The colors make sense in the context of a website, unlike using a random color pallete that will just give you 10 random colors.

[@HARUN-AKSU]

I follow your channel for about 6 months and I use realtime colors for 6 months too. I just learn that you developed the Realtime Colors. That's amazing.

[@leoaung3300]

This website's gonna be really helpful for me. I am a more technical person that lacked any artistic talent and always hated the color aspect when making my own websites. Definitely going to use this site for my next project. Thanks alot😁

[@misterlagomgw]

As a beginner, this web tool has been a extremly helpful. I can't describe how thankful I am - please don't stop making videos.

[@fawazali1890]

just found your channel, this is ABSOLUTELY wonderful content. You honestly DESERVE to be bigger. Keep it up!!

[@_anlim309]

Girl just fixed my Issue as a front end dev, accidentally and for free! thank you so much for making my life and probably thousand others much easier.

[@larsvanholland4173]

I don't comment often on KZbin but I just wanted to leave one here to say your content is such high quality for a channel that's just starting out. The pace, the subjects, the accompanying visuals, explanations, good editing, etc. if you continue like this u will 100% get a decently sized audience. I for one cant wait for more interesting video's and to see your channel grow. 🗿👍

[@suman1306]

you are criminally underrated. Thankyou for this

[@jasonranalliheadshots6875]

Couldn’t agree more. This isn’t even my craft and this was compelling.

[@nehrebeckimaks]

Hi' my name is Maks and I would love to thank you for creating "Realtime Colors". At first, I couldn't believe this app existed and would be so simple. I am currently in a situation in which my website is finished but doesn't look "amazing" to me anymore. After watching countless UI/UX Website Design Videos, I realized how much more work must be done to level up my website. This app is perfect !!!! It lets me change the colors so easily and gives me the advantage to see the end result instantly. An amazing idea. So simple, so amazing, so satisfying. From the bottom of my heart, THANK YOU. Have a great day everyone

[@SkyyySi]

You should consider also supporting Oklab colors (as supposed to just HSL). It tends to be much more accurate when it comes to representing colors how they are actually perceived compared to HSL, HSV, etc.

[@danielbarrientos722]

I need to say: YOU ARE AMAZING!!! My friend and I have been studying UI principles and one of the biggest challenges is color. With your solution we can understand and test in the best way. Thanks!🎉

[@Idontexistyet]

You need more subs, this channel is underated! 🎉

[@lemon_maho]

This is honestly amazing, I have always used just plain dark and light themes in my projects but now I feel like I start working with more colors, thank you ^^.

[@focat]

Awesome content! I can definitely see you growing bigger in the future. You deserver way more attention! Keep doing your thing, you'll be successful one day! :)

[@JustVoylin]

Honestly this is awesome and something I've been struggling with for so long!

[@asailijhijr]

If you point a client to a colours-picking tool, they will inevitably choose clashing colours. Even if you warn them, or try to mutate the pallet so that it works, they will insist that you use exactly these colours. Later, a client or confidant of theirs will comment that the colours look off and it will magically be all your fault.

[@srikkanth-tech]

Exactly!... I dont like to give too many choices.. The reason why they hire a professional is for them to not think.. We can only catch their idea and not the way they would implement.

[@adamlonewolf1563]

I saw that video in my KZbin recommendations, and i don't regret watching it. Thanks for your amazing site, it's an incredible work !

[@ericb314]

This is amazing. Exactly what I needed. Also, amazing animation at 3:00. Got me laughing 🤣

[@marktruong8078]

this is the most native youtube product showcase i've ever seen in my life. You are a true youtuber omg

[@khuramshahzad9089]

You should create something like this for font styles and font sizes, more creative than google fonts. 👌

[@juxtopposed]

it's actually in development :) will make a video about it soon. stay tuned!

[@vikingthedude]

@@juxtopposed ok subscribed

[@fic-it]

No but you don't understand how much I love you for this 😭 as a new designer, I've been looking for something like this desperately!!! An old video showed material design had a tester like this but they just scrapped it? in the new version for some reason. Coolors also has a similar thing but it seems more graphic design focused. I definitely prefer this. Thank you sooo much ❤️

[@piereligio_ds]

Damn this was one of the ideas I've had in my "ideas to develop" list ahaha Well done 👍 At this point I'll tell you also one thing that I had in my mind. The website would have been a gallery of mockup websites, all of them where you could preview your palette. This would be a nice addition on your website. Realistically I don't think I'll have much time to do something like this, so I give the idea to you ahah

[@shantanukulkarni8883]

Haha.. I also find myself a bit frustrated and amazed when someone else comes up with the exact idea I had put in my ideas list.. the amazing part is how particular and similar the other one is!

[@world_changers]

I had log in because I decided I must leave a comment. THIS IS SOOOOOOOO HELPFUL I mean, my #1 challenge is being able to pick the right color combinations for my UI designs but with this tool, I feel my UI design skills have just reached a new level Thank you very much for building a tool like this but more also providing it to us designers for FREE.

[@lajawi.]

How beautiful your website is, the colour picker on Windows, Firefox, is just infuriating. Have you tried (or thought) about making a custom colour picker for the website, way more elegant than the Windows default one? And here some more useful things, I'd love: - Renaming your export, so all files have that name (kind of like naming the palette); - A link to the site with this palette applied in the txt file when exporting.

[@juxtopposed]

Yep, the colorpicker will definitely get updated because of issues it might have on different browsers. It's on the to-do list currently, so hopefully soon :) Also great suggestions ✌️

[@kevenrodriguesmeirelles2241]

Girl! You're the best. I hope you gain many awards and stuff!!!

[@captheobbyist6434]

did i just watch an ad?

[@dxvidmr]

It's a 100% free app so no, not an ad. Just someone sharing an incredible app.

[@captheobbyist6434]

@@dxvidmr whenever video is an ad is not determined by is the app free or not. most likely video is an ad when you pay for other people to see it. my comment was actually a joke btw

[@vlc-cosplayer]

Incredibly rare advertisement W

[@giggymatcharashvili2829]

Thank you so much. i was struggling in picking the right colors for my website and your tool saved me a lot of time. i wish you all the best!

[@captainfoodman]

I just discovered your videos and your channel. It’s beutiful. I absolutely love the quality. Thanks!!!😄

[@MEngelberts]

As many have mentioned before: this amazing and the content execution is 11/10. Super excited to see what you come up with next and keep up the amazing work!!

[@laneW612]

Eeexactly. For a person who's not that good with colors, it would take hours for us just to find the right combination of colors. Glad I found this vid.

[@vladk9152]

I rarely click on stuff youtube recommends. But this has to be one of the best ones i've got. Instantly subscribed. keep it up!

[@laincoubert7236]

the way i just got recommended this video exactly when i needed it... a boomer in my family asked me to help them with designing some social media posts, website etc. and not only am i not necessarily an artistic person, idk the ins and outs of design, ui, smm. so i was JUST looking for a website that would compensate for my lack of color theory knowledge and you came through

[@br3ak_]

As a junior-mid frontend developer, thank you! Finally an easy way to get over the color scheme part whenever building new personal projects. I watched so many color theory videos, even started taking ui/ux classes, with very little success. The design part of the process was such a big time investment for me which you simplified greatly.

[@hunin27]

i just found out this site and let me tell you. its a game changer, and the fact that its 100% free is so amazing. thank you so much!!

[@Ma1ne2]

As a frontend developer with some interest in Figma and UI Design, I freaking LOVE this tool and the video explanation coming with it! Great job, looking forward to using this like all the time.

[@ebiooo]

The plans and pricing section is absolutely hilarious! Thanks for making this awesome website and enabling us to use it for free!

[@MrTeamain]

THIS IS SO USFUL!! You just saved my life, finding the right coulors for a website can be so frustrating but you made it so much easier. THANK YOU!!😁

[@haraseesgill8491]

This is incredible work. You’ve actually changed the playing field. Well done and thank you for all your efforts. I’m excited for all the well deserved success that’s about to pour your way in the near future with an idea like this.

[@inesdarrer]

are you kidding me? you're website is freaking awesome and you are freaking awesome, thank you sooo much

[@saiesh_patil]

You are just the perfect combination of knowledge and memes + all of that in the field that UI That's awesome

[@gamevice2385]

Finally, KZbin recommended a proper channel on my feed. This is going to be part of my design process now, so cool!

[@AviusX]

Possibly the best/most relevant video KZbin has ever recommended to me. This looks awesome. Thanks!

[@LTSOFTWARS]

How did I not found you earlier ? You're like the old youtube helper. No bullshit, straight to the point I miss that era

[@psjahn]

Really great to see a sort of preview website, way better than just looking at a few colors without a more finished result

[@codeThrinkxs]

Realtime colors is an absolute amazing product and for someone new to UIUX it made my life so much easier

[@caellummoran9486]

This is genuinely the best tool out there for designers right now. AMAZING!!! THANK YOU SO MUCH!!!

[@ИльяЗакревский]

i'm developer and some time i struggle to put all colors together, but THIS! Make my life so easy. Appreciate you allooot

[@midosigned8038]

you way of describing and talking and the scripting is just amazing, love this content

[@joshsowin]

Not only is the website creation inspiring, so is the channel format! 👏

[@shadesigns8304]

LIked the way the info was presented, clear and more detailed in less than 6 minutes

[@oswaltdito1]

man, i swear this is what i wanted a long time ago, since i'm always have been bad when it comes to colors, thank you for this video and this magnificent tool

[@munteanurares1075]

This is awesome ! A live saver for a developer with little to no ui/ux experience. Thank you !

[@patjescloud9585]

noo way i just came across this website yesterday and now i see this. I absolutely love realtime colors, this was exactly what i needed!!!!

[@majdijj]

This is actually a game changer, i just like designing apps and sites for fun and this is gonna make it easier. Great video too

[@aaaaanh]

This channel is too good. Also a great source for me to build up vocabulary to confidently argue with my clients about UI and colors 😂

[@denver6861]

Please post videos more often, your content is outstanding and I just solved a problem which was stuck in my mind for a week!

[@kubavejrazka]

Omfg thank you for this. This is the greatest project I've come across in a while. I'm really grateful that the algorithm sent me to this vid :D I instantly bookmarked the website, definitely gonna use it :)

[@MOGE_]

Extremely high quality video for a new channel. I love the humor, included in teaching. Keep it up, this channel has the potential to make it big.

[@FoilLofi2again]

anything we want to know is here. i mean this is what i really using in the real life work. you're video is amazing, please don't stop. ❤

[@namankumar4782]

Amazing effortless content. Straight to the point, NO BS.. Content like this are gemmm❤️❤️

[@niravparmar7856]

This video was amazing! I am already good at colors because now 6+ years of experience in the field. I believe I can always learn something from others. Really high quality stuff there! I loved that you have not only created the website but the entire system where the link can be shared and the corresponding figma plugin!! wow ❤

[@mogaming163]

I usually just make a dictionary similar to that of a translation dictionary to make it easier to edit colors then it only takes a couple seconds to test different colors, however, this site seems really really good for artists and those who aren't looking to program a whole system just to experiment with colors, great work!

[@alvi0.056]

THIS - Holy SMOKESS, This has to be the MOST AWESOME TOOL I've come across ever since i started learning FrontEnd. THANK YOU SO MUCH ❤❤

[@KrishnenduDakshi]

One of the best and helpful video content, I have ever met. Thanks a lot.

[@MultiSciGeek]

0:10 THIS IS WHAT I NEED! I need a tutorial on how to get that initial look going. I feel I can design alright, but getting that theme together for me is by far the hardest part - how to transform the ideals, mission, services, target audience, constrains of a project or company into visual language. Once you get that - damn, it's just pure flow, because essentially you're reusing the same fonts, elements, structure rules across the board. Kinda like a Fibonacci sequence, where many of the basic parts add up together to create the whole visual experience, where each segment works well in isolation, as well being a part of the bigger picture... Please make an in-depth video on: fonts, spacing, website/app structure, images, graphics, button styles etc. as a theme/guide for a project.

[@TheCoderCoder]

This is insanely cool!! I will definitely use your website to generate color palettes in the future.

[@juxtopposed]

I'm very glad you like it! Thank you ✨

[@nikkowhoa]

this helped me with my design problems. Thank you! Very underrated, you got our supports and our backs! keep it up!

[@blackneocs]

I rarely comment, but daaaaaamn, so much valuable tips in that kind of format, even for experienced fellas. Keep it up, your work is amazing !!

[@aljaxus2190]

this is AMAZING. as a developer that's not really into design - this helps me a LOT. Thank you :D

[@sleepingcattv]

I've recently gotten into dual-tone design, where I basically take a color, use a complimentary color and design my whole site with just these two colors, plus white or black. Actually managed to get a really great design with dark green and orange. It feels like it shouldn't work but it somehow does

[@sadface]

This is the best colour palette generating tool I have found. I used so many others, but they don't really preview the palette. Thank you!

[@paulomarques9746]

best channel I've seen in last months. Congratz! Keep up the good work

[@aronuchukwuezugo615]

Wow... what a great video! 👌🏾 I learnt more about color design in this 5 minutes video than the hours I've spent on other design courses.

[@SegNode]

I've been waiting for someone to make this exact thing for so long, thank you very much.

[@Luiggio_Reznikov]

This is mind blowing. Unbelivable that this video has only 40k views for such a well designed tool like this. Thank you!

[@zayndash9946]

This is really good. You just simplified color theory for me! The website was a great help. One thing I hate about developing websites and web apps is designing them especially choosing color themes. Now this is way easier.

[@Kalazt]

Well done, insightful video. It was so fun to watch and learn from you! Please keep making them. You definetly know your things and you present them so well. As a colorblind web developer your site is a godsent. Thank you for that!

[@Cris-kb5mo]

You're literally becoming a sensation rn, keep it going ✨

[@francescodenaro6081]

I love this channel and I love Realtime Colors. Seriously, it's a game changer. I would subscribe two times if I could.

[@idrissstudio8943]

Awesome !!! Congratulation on this puppy. No doubt it will be a standard tool in the industry. Thank you so much ! (P.S : I recommend you add a tipping/donate button under this video. A lot of people will won't to reward you workfor this)

[@mr.sharingan2945]

omg after seeing prices , i found best website ever . great work .

[@SmolSir]

This is not just great, it's revolutionary!