Design brand barev od nuly — chceš vidět, co vypadá dobře. Doladění odstínu, který ti někdo dal přes screenshot. Test průhlednosti pomocí alpha kanálu. Příprava palety pro logo, web nebo prezentaci.

HSV vs. HSL. HSV je hue/saturation/value, HSL je hue/saturation/lightness — jsou podobné, ale ne totožné. V CSS se používá HSL. CMYK je pro tisk. Na obrazovce uvidíš RGB aproximaci; reálné CMYK barvy vyžadují profilovaný printer. Alpha 0 = úplně průhledná. Alpha 1 = úplně neprůhledná. Hex s alfou (8 znaků) nepodporují všechny staré prohlížeče; v moderních je v pořádku.

Color Picker

Vyber barvu a okamžitě ji uvidíš v HEX, RGB, RGBA, HSL, HSLA, HSV a CMYK. Uprav opacity a zkopíruj jakoukoli hodnotu.

Pick a color Opacity: 100% Or paste any value

Výsledek

Vytvořil JXXR1 · ♥ Sponzorovat · ☕ Kup mi kávu

K čemu to slouží?

Color picker je vizuální nástroj na výběr barvy ze spektra. Pohybuješ kurzorem v 2D ploše a po hue slideru, a okamžitě vidíš barvu ve všech běžných CSS formátech (HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK). Zkopíruj jakoukoli hodnotu jedním klikem.

Kdy to použít

Design brand barev od nuly — chceš vidět, co vypadá dobře.
Doladění odstínu, který ti někdo dal přes screenshot.
Test průhlednosti pomocí alpha kanálu.
Příprava palety pro logo, web nebo prezentaci.

Časté chyby

HSV vs. HSL. HSV je hue/saturation/value, HSL je hue/saturation/lightness — jsou podobné, ale ne totožné. V CSS se používá HSL.
CMYK je pro tisk. Na obrazovce uvidíš RGB aproximaci; reálné CMYK barvy vyžadují profilovaný printer.
Alpha 0 = úplně průhledná. Alpha 1 = úplně neprůhledná.
Hex s alfou (8 znaků) nepodporují všechny staré prohlížeče; v moderních je v pořádku.