Preskoči na glavno vsebino
Converty

Pretvornik barv

Pretvarjajte med hex, RGB, HSL, OKLCH in OKLAB, hkrati preverjajte kontrast in izvozite tokene, pripravljene za CSS.

Podpira hex, rgb(), hsl(), oklch(), oklab() in poimenovane barve CSS.

Trenutna barva

#953769

Predlagano ospredje

#FFFFFF

Komplementarna barva

#007653

Hex
RGB(A)
HSL(A)
OKLCH
OKLAB
Alpha
Tema Tailwind
Ustvarite celotno paleto blagovne znamke za Tailwind CSS 4 ali 3 iz trenutne barve.
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)
Spremenljivke CSS

O pretvorbi barv CSS

Pretvorniki barv pomagajo premikati isto barvo med HEX, RGB, HSL, OKLCH in OKLAB. Najbolj uporabni so, ko potrebujete berljiv izhod, kontekst kontrasta in vrednosti, pripravljene za CSS ali Tailwind.

HEX, RGB, HSL in barve CSS

HEX, RGB in HSL pokrivajo večino vsakodnevnih brskalniških, oblikovalskih in frontend potekov dela.

Hitra pretvorba omogoča, da prilepite eno vrednost in jo uporabite kjer koli brez ročnega prepisovanja sintakse.

Zakaj sta OKLCH in OKLAB pomembna

OKLCH in OKLAB sta primernejša za gradnjo gladkih lestvic in predvidljivih sprememb svetlosti.

Olajšata delo s paletami, ko so pomembni uravnoteženi prehodi in zanesljiv kontrast.

Preverjanje kontrasta in izhod za Tailwind

Preverjanje kontrasta in izhod, pripravljen za frameworke, pretvornik spremenita v praktično UI orodje.

Hitreje lahko preidete od ene vhodne barve do dostopnih izbir besedila in tokenov, prijaznih za Tailwind.

Pogosta vprašanja

Odgovori o podprtih barvnih formatih, kdaj uporabiti perceptualne prostore, kot je OKLCH, ter kako razumeti izhode za kontrast in Tailwind.

Druga orodja

Prebrskajte vse namenske strani orodij iz središča na domači strani ali sredinskega izbirnika v glavi.

Slike

Pretvornik WebP

Pretvorite do 10 slik JPEG, PNG ali WebP v WebP s prednastavitvami kakovosti in prenosi ZIP.

Odpri Pretvornik WebP

Sredstva

Generator favicon / ikon aplikacije

Naložite eno kvadratno izvorno sliko in ustvarite paket favicon z ikonami aplikacije in začetnim web manifestom.

Odpri Generator favicon

Podatkovni formati

Pretvornik JSON / YAML / TOML

Preverite, polepšajte, minificirajte in pretvarjajte JSON, YAML in TOML z jasnimi opozorili o združljivosti.

Odpri JSON / YAML / TOML

Podatkovni formati

Preverjevalnik CSV

Preverite datoteke CSV in prilepljene vrstice z zaznavanjem ločila, preverjanjem glav, seznami težav in razčlenjenimi predogledi.

Odpri Preverjevalnik CSV

Besedilo

Case / Slug / Escape

Pretvorite besedilo v camelCase, snake_case, kebab-case, PascalCase, sluge in pogoste escape oblike.

Odpri Case / Slug / Escape

Besedilo

Preverjevalnik Markdowna in predogled

Preverite strukturo Markdowna, predoglejte izrisan izhod in ujemite pogoste avtorske težave pred objavo.

Odpri Preverjevalnik Markdowna