Spring til hovedindhold
Converty

Farvekonverter

Konvertér mellem hex, RGB, HSL, OKLCH og OKLAB, mens du kontrollerer kontrast og eksporterer CSS-klare tokens.

Understøtter hex, rgb(), hsl(), oklch(), oklab() og navngivne CSS-farver.

Aktuel farve

#953769

Foreslået forgrund

#FFFFFF

Komplementær farve

#007653

Hex
RGB(A)
HSL(A)
OKLCH
OKLAB
Alfa
Tailwind-tema
Generér en fuld brandpalette til Tailwind CSS 4 eller 3 ud fra den aktuelle farve.
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-variabler

Om CSS-farvekonvertering

Farvekonvertere hjælper dig med at flytte den samme farve mellem HEX, RGB, HSL, OKLCH og OKLAB. De er mest nyttige, når du har brug for læsbart output, kontrastkontekst og værdier klar til CSS eller Tailwind.

HEX-, RGB-, HSL- og CSS-farver

HEX, RGB og HSL dækker de fleste daglige workflows i browser, design og frontend.

Hurtig konvertering lader dig indsætte én værdi og genbruge den overalt uden at omskrive syntaksen i hånden.

Hvorfor OKLCH og OKLAB betyder noget

OKLCH og OKLAB er bedre til at bygge glatte skalaer og forudsigelige ændringer i lyshed.

De gør palettearbejde lettere, når du går op i afbalancerede trin og pålidelig kontrast.

Kontrastkontrol og Tailwind-output

Kontrastkontrol og frameworkklart output gør en konverter til et praktisk UI-værktøj.

Du kan hurtigere gå fra én inputfarve til tilgængelige tekstvalg og Tailwind-venlige tokens.

Ofte stillede spørgsmål

Svar om understøttede farveformater, hvornår man bør bruge perceptuelle rum som OKLCH, og hvordan kontrast- og Tailwind-output skal tolkes.

Andre værktøjer

Gennemse alle dedikerede værktøjssider fra forsiden eller den centrerede vælger i headeren.

Billeder

WebP-konverter

Konvertér op til 10 JPEG-, PNG- eller WebP-billeder til WebP med kvalitetsforvalg og ZIP-downloads.

Åbn WebP-konverter

Assets

Favicon- / appikongenerator

Upload ét kvadratisk kildebillede, og generér en favicon-pakke med appikoner og et starter-webmanifest.

Åbn Favicon-generator

Dataformater

JSON / YAML / TOML-konverter

Validér, formater, minificér og konvertér JSON, YAML og TOML med klare kompatibilitetsadvarsler.

Åbn JSON / YAML / TOML

Dataformater

CSV-validator

Validér CSV-filer og indsatte rækker med registrering af skilletegn, headerkontrol, problemlister og fortolkede forhåndsvisninger.

Åbn CSV-validator

Tekst

Case / Slug / Escape

Konvertér tekst til camelCase, snake_case, kebab-case, PascalCase, slugs og almindelige escaped former.

Åbn Case / Slug / Escape

Tekst

Markdown-validator og forhåndsvisning

Validér Markdown-struktur, forhåndsvis gengivet output og fang almindelige forfatterproblemer før publicering.

Åbn Markdown-validator