NOTE: I'm not a designer. This is what i've self-learnt over the years because i couldn't afford good designers. I don't know if this is scientific. This works for me. I hope it works for you.I think…
Article word count: 357
HN Discussion: https://news.ycombinator.com/item?id=19400870
Posted by ililla
(karma: 71)Post stats: Points: 158 - Comments: 26 - 2019-03-15T16:01:06Z
NOTE: Iʼm not a designer. This is what iʼve self-learnt over the years because i couldnʼt afford good designers. I donʼt know if this is scientific. This works for me. I hope it works for you.
I think you already know that a color is represented by a 6 digit code (hex code) containing any permutation of the the six alphabets a,b,c,d,e,f and the nine numbers, 1,2,3,4,5,6,7,8,9. The hex codes i use and describe here are the ones i chanced upon over the years. They are easy to remember and i donʼt need to keep referring to any color picker tool.
For any app, you will need colors for ...
3. Backgrounds, Boxes, Lines
Remember VIBGYOR (Violet, Indigo, Blue, Green, Yellow, Orange, Red) from school days? You can generate a nice VIBGYOR palette using a permutation of just four codes c, f, 6, 9 ... like so ...
Violet, Indigo, Blue, Green // colorhunt.co/palette/143721
Yellow, Orange, Another Orange, Red // colorhunt.co/palette/143722
The colors above are the softer side of their darker variants. The darker colors (for example the darkest red is ff000) are harsh on the eyes and are best avoided.
Prefer soft pastel colors instead? Just remember a,b,c,d,e,f. Using a permutation of these six codes (abcdef, bafedc, etc.) you can generate many soft pastel colors ... like below ...
Just A-B-C-D-E-F // colorhunt.co/palette/143809
Text is usually dark (blacks). Here also i tend to avoid the darkest darks (full black is 000000). I like the colors below because they give me a nice dark blue tint. The codes are also easy to remember. 1a2a3a is darker and you can go all the way to 7a8a9a which is lighter.
Text Colors // colorhunt.co/palette/143727
These are usually grays (or ʼgreysʼ if you insist). Mostly used for backgrounds, table header or table row colors, lines, and, occasionally for text. These hex codes are the easiest to remember.
Grays // colorhunt.co/palette/143728
Thatʼs all there is. Once you get a hang of this it becomes easy to play around and arrive at colors that you like better than what are presented here. I recommend https://colorhunt.co/.
V I B G : https://colorhunt.co/palette/143721 Y O O R : https://colorhunt.co/palette/143722 TEXT : https://colorhunt.co/palette/143727 GREYS : https://colorhunt.co/palette/143728 ABCDEF : https://colorhunt.co/palette/143809
HackerNewsBot debug: Calculated post rank: 114 - Loop: 224 - Rank min: 100 - Author rank: 355