Preskočiť na hlavný obsah
Converty

Prevodník farieb

Prevádzajte medzi hex, RGB, HSL, OKLCH a OKLAB, kontrolujte kontrast a exportujte tokeny pripravené pre CSS.

Podporuje hex, rgb(), hsl(), oklch(), oklab() a pomenované CSS farby.

Aktuálna farba

#953769

Navrhované popredie

#FFFFFF

Doplnková farba

#007653

Hex
RGB(A)
HSL(A)
OKLCH
OKLAB
Alfa
Téma Tailwind
Vygenerujte celú značkovú paletu pre Tailwind CSS 4 alebo 3 z aktuálnej farby.
50
oklch(94.5% 0.0212 350.46)
100
oklch(89.49% 0.0339 350.46)
200
oklch(81.48% 0.0542 350.46)
300
oklch(72.47% 0.0771 350.46)
400
oklch(61.46% 0.105 350.46)
500
oklch(48.44% 0.138 350.46)
600
oklch(43.57% 0.1236 350.46)
700
oklch(38.7% 0.1093 350.46)
800
oklch(33.22% 0.0932 350.46)
900
oklch(27.74% 0.077 350.46)
950
oklch(23.48% 0.0644 350.46)
CSS premenné

O konverzii CSS farieb

Prevodníky farieb vám pomáhajú presúvať tú istú farbu medzi formátmi HEX, RGB, HSL, OKLCH a OKLAB. Najviac sa hodia, keď potrebujete čitateľný výstup, kontext kontrastu a hodnoty pripravené pre CSS alebo Tailwind.

HEX, RGB, HSL a CSS farby

HEX, RGB a HSL pokrývajú väčšinu bežných prehliadačových, dizajnových a frontendových pracovných postupov.

Rýchla konverzia vám umožní vložiť jednu hodnotu a použiť ju kdekoľvek bez ručného prepisovania syntaxe.

Prečo sú OKLCH a OKLAB dôležité

OKLCH a OKLAB sú lepšie na tvorbu plynulých škál a predvídateľných zmien svetlosti.

Uľahčujú prácu s paletami, keď vám záleží na vyvážených prechodoch a spoľahlivom kontraste.

Kontroly kontrastu a výstup pre Tailwind

Kontroly kontrastu a výstup pripravený pre frameworky menia prevodník na praktický UI nástroj.

Rýchlejšie prejdete od jednej vstupnej farby k prístupným farbám textu a tokenom použiteľným v Tailwinde.

Často kladené otázky

Odpovede o podporovaných farebných formátoch, kedy používať perceptuálne priestory ako OKLCH a ako interpretovať výstupy kontrastu a Tailwindu.

Ďalšie nástroje

Prejdite na ľubovoľnú samostatnú stránku nástroja z domovského centra alebo z výberu nástrojov v strede hlavičky.

Obrázky

Prevodník WebP

Preveďte až 10 obrázkov JPEG, PNG alebo WebP na WebP s predvoľbami kvality a ZIP sťahovaním.

Otvoriť Prevodník WebP

Assety

Generátor favicon / ikon aplikácie

Nahrajte jeden štvorcový zdrojový obrázok a vygenerujte balík favicon s ikonami aplikácie a základným webovým manifestom.

Otvoriť Generátor favicon

Dátové formáty

Prevodník JSON / YAML / TOML

Validujte, formátujte, minifikujte a prevádzajte JSON, YAML a TOML s jasnými upozorneniami na kompatibilitu.

Otvoriť JSON / YAML / TOML

Dátové formáty

Validátor CSV

Validujte CSV súbory a vložené riadky pomocou detekcie oddeľovača, kontrol hlavičiek, zoznamov problémov a parsovaných náhľadov.

Otvoriť Validátor CSV

Text

Case / Slug / Escape

Preveďte text na camelCase, snake_case, kebab-case, PascalCase, slugy a bežné escapované tvary.

Otvoriť Case / Slug / Escape

Text

Validátor Markdownu a náhľad

Validujte štruktúru Markdownu, zobrazte vykreslený náhľad a zachyťte bežné autorské problémy pred publikovaním.

Otvoriť Validátor Markdownu