Piš do kteréhokoliv, druhé se dopočítá.
- HSL
- —
- OKLCH
- —
Barvy z obrázku
Fotka, AI vizuál, klientský podklad — nástroj z něj vytáhne základ pracovní palety. Vrací skutečné body z obrázku, ne průměry — proto jsou barvy syté a ne kalné. Procento říká, jak velká část plochy má k té barvě nejblíž. Obrázek nikdy neopustí tvůj počítač, všechno se počítá tady v prohlížeči.
Čitelnost textu
Vyber barvu písma a uvidíš, jestli je na téhle ploše čitelná. Norma má tři prahy a nástroj u každého řekne ano, nebo ne — žádné „skoro".
Odstíny do bílé
Světlost stoupá, odstín drží, sytost ke světlu jemně ustupuje.
Odstíny do černé
Pro tmavé režimy a stíny prvků.
Tlumené tóny — do šedé
Sytost klesá, světlost zůstává. Klidné plochy, které netahají oči.
Komplementární mísení
Cesta do šedi skrz lomené barvy, které nesou oba rodiče. V padesáti procentech musí sedět čistá neutrální šeď.
Harmonie
Barvy odvozené otočením po kruhu. Který kruh platí, rozhoduje přepínač nahoře — a je v tom velký rozdíl.
Barva jako velká plocha
Světlá a tmavá varianta tvé barvy, na kterou se dá položit celá plocha stránky. Ne barva prvku — barva pozadí, na kterém ten prvek stojí.
Do tisku
Vytiskne se tahle barva, nebo z ní na papíře bude něco jiného? Typicky když chceš přenést barvy webu na papírovou vizitku.
Doladit celou paletu naráz
Posune sytost a světlost všech barev v odkládací ploše zároveň.Rozbíjí to kontrasty — proto je pod tím vidět, kolik barev by po posunu ztratilo čitelný text.
Uložené palety
Jméno má paleta, barvy mají pořadí. Jednotlivé barvy se nepojmenovávají — po třetí oranžové by z toho byl nepořádek.
Most do webu
Ven do barvy.css a zpátky.
Export
Import
Trojúhelník značí barvu, kterou monitor neumí zobrazit přesně — dostala jsi nejbližší možnou. Klik na jakýkoliv vzorek zkopíruje jeho kód.