Dizajn brand farieb od nuly — chceš vidieť, čo vyzerá dobre. Doladenie odtieňa, ktorý ti niekto dal cez screenshot. Test priehľadnosti pomocou alpha kanála. Príprava palety pre logo, web alebo prezentáciu.

HSV vs. HSL. HSV je hue/saturation/value, HSL je hue/saturation/lightness — sú podobné, ale nie totožné. V CSS sa používa HSL. CMYK je pre tlač. Na obrazovke uvidíš RGB approximáciu; reálne CMYK farby vyžadujú profilovaný printer. Alpha 0 = úplne priehľadná. Alpha 1 = úplne nepriehľadná. Hex s alfou (8 znakov) nepodporujú všetky staré prehliadače; v moderných je v poriadku.

Color Picker

Vyber farbu a okamžite ju uvidíš v HEX, RGB, RGBA, HSL, HSLA, HSV a CMYK. Uprav opacity a skopíruj akúkoľvek hodnotu.

Pick a color Opacity: 100% Or paste any value

Výsledok

Vytvoril JXXR1 · ♥ Sponzorovať · ☕ Kúp mi kávu

Načo to slúži?

Color picker je vizuálny nástroj na výber farby zo spektra. Pohybuješ kurzorom v 2D ploche a po hue slideri, a okamžite vidíš farbu vo všetkých bežných CSS formátoch (HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK). Skopíruj akúkoľvek hodnotu jedným klikom.

Kedy to použiť

Dizajn brand farieb od nuly — chceš vidieť, čo vyzerá dobre.
Doladenie odtieňa, ktorý ti niekto dal cez screenshot.
Test priehľadnosti pomocou alpha kanála.
Príprava palety pre logo, web alebo prezentáciu.

Časté chyby

HSV vs. HSL. HSV je hue/saturation/value, HSL je hue/saturation/lightness — sú podobné, ale nie totožné. V CSS sa používa HSL.
CMYK je pre tlač. Na obrazovke uvidíš RGB approximáciu; reálne CMYK farby vyžadujú profilovaný printer.
Alpha 0 = úplne priehľadná. Alpha 1 = úplne nepriehľadná.
Hex s alfou (8 znakov) nepodporujú všetky staré prehliadače; v moderných je v poriadku.