Sari la conținutul principal
Converty

Convertor de culori

Convertește între hex, RGB, HSL, OKLCH și OKLAB în timp ce verifici contrastul și exporți tokenuri gata pentru CSS.

Acceptă hex, rgb(), hsl(), oklch(), oklab() și culori CSS denumite.

Culoare curentă

#953769

Foreground sugerat

#FFFFFF

Culoare complementară

#007653

Hex
RGB(A)
HSL(A)
OKLCH
OKLAB
Alpha
Tema Tailwind
Generează o paletă completă de brand pentru Tailwind CSS 4 sau 3 din culoarea curentă.
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)
Variabile CSS

Despre conversia culorilor CSS

Convertoarele de culori te ajută să muți aceeași culoare între HEX, RGB, HSL, OKLCH și OKLAB. Sunt cele mai utile când ai nevoie de rezultat lizibil, context de contrast și valori gata pentru CSS sau Tailwind.

HEX, RGB, HSL și culori CSS

HEX, RGB și HSL acoperă majoritatea fluxurilor de lucru obișnuite din browser, design și frontend.

Conversia rapidă îți permite să lipești o valoare și să o refolosești oriunde fără să rescrii manual sintaxa.

De ce contează OKLCH și OKLAB

OKLCH și OKLAB sunt mai potrivite pentru construirea de scale fluide și schimbări previzibile ale luminozității.

Fac lucrul cu palete mai ușor atunci când contează rampele echilibrate și contrastul fiabil.

Verificări de contrast și rezultat Tailwind

Verificările de contrast și rezultatul gata pentru framework transformă un convertor într-un instrument UI practic.

Poți trece mai repede de la o culoare de intrare la opțiuni accesibile pentru text și tokenuri compatibile cu Tailwind.

Întrebări frecvente

Răspunsuri despre formatele de culoare acceptate, când să folosești spații perceptuale precum OKLCH și cum ar trebui interpretate contrastul și rezultatele Tailwind.

Alte instrumente

Explorează fiecare pagină dedicată de instrument din hubul de pe pagina principală sau din selectorul centrat din antet.

Imagini

Convertor WebP

Convertește până la 10 imagini JPEG, PNG sau WebP în WebP cu presetări de calitate și descărcări ZIP.

Deschide Convertor WebP

Resurse

Generator de favicon / pictograme de aplicație

Încarcă o imagine sursă pătrată și generează un pachet favicon cu pictograme de aplicație și un manifest web de pornire.

Deschide Generator de favicon

Formate de date

Convertor JSON / YAML / TOML

Validează, prettify, minify și convertește JSON, YAML și TOML cu avertismente clare de compatibilitate.

Deschide JSON / YAML / TOML

Formate de date

Validator CSV

Validează fișiere CSV și rânduri lipite cu detectarea delimitatorului, verificări de antet, liste de probleme și previzualizări parsate.

Deschide Validator CSV

Text

Case / Slug / Escape

Convertește text în camelCase, snake_case, kebab-case, PascalCase, sluguri și forme comune escaped.

Deschide Case / Slug / Escape

Text

Validator și previzualizare Markdown

Validează structura Markdown, previzualizează rezultatul randat și detectează probleme comune de autor înainte de publicare.

Deschide Validator Markdown