Gå til hovedinnhold
Converty

Fargekonverterer

Konverter mellom hex, RGB, HSL, OKLCH og OKLAB mens du sjekker kontrast og eksporterer CSS-klare tokens.

Støtter hex, rgb(), hsl(), oklch(), oklab() og navngitte CSS-farger.

Gjeldende farge

#953769

Foreslått forgrunn

#FFFFFF

Komplementærfarge

#007653

Hex
RGB(A)
HSL(A)
OKLCH
OKLAB
Alfa
Tailwind-tema
Generer en full merkepalett for Tailwind CSS 4 eller 3 fra gjeldende farge.
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-fargekonvertering

Fargekonverterere hjelper deg med å flytte samme farge mellom HEX, RGB, HSL, OKLCH og OKLAB. De er mest nyttige når du trenger lesbare utdata, kontrastkontekst og verdier klare for CSS eller Tailwind.

HEX-, RGB-, HSL- og CSS-farger

HEX, RGB og HSL dekker de fleste vanlige arbeidsflyter i nettlesere, design og frontend.

Rask konvertering lar deg lime inn én verdi og bruke den overalt uten å skrive syntaksen om for hånd.

Hvorfor OKLCH og OKLAB betyr noe

OKLCH og OKLAB er bedre for å bygge jevne skalaer og forutsigbare lyshetsendringer.

De gjør palettarbeid enklere når du bryr deg om balanserte ramper og pålitelig kontrast.

Kontrastsjekker og Tailwind-utdata

Kontrastsjekker og rammeverksklare utdata gjør en konverterer til et praktisk UI-verktøy.

Du kan gå raskere fra én inndatafarge til tilgjengelige tekstvalg og Tailwind-vennlige tokens.

Vanlige spørsmål

Svar om støttede fargeformater, når du bør bruke perseptuelle rom som OKLCH, og hvordan kontrast- og Tailwind-utdata bør tolkes.

Andre verktøy

Bla gjennom alle dedikerte verktøysider fra startsidens verktøysenter eller den sentrerte velgeren i toppteksten.

Bilder

WebP-konverterer

Konverter opptil 10 JPEG-, PNG- eller WebP-bilder til WebP med kvalitetsvalg og ZIP-nedlastinger.

Åpne WebP-konverterer

Ressurser

Favicon- / appikon-generator

Last opp ett kvadratisk kildebilde og generer en favicon-pakke med appikoner og et startmanifest for web.

Åpne Favicon-generator

Dataformater

JSON / YAML / TOML-konverterer

Valider, formater, minifiser og konverter JSON, YAML og TOML med tydelige kompatibilitetsadvarsler.

Åpne JSON / YAML / TOML

Dataformater

CSV-validator

Valider CSV-filer og innlimte rader med skilletegndeteksjon, overskriftssjekker, problemlister og parsede forhåndsvisninger.

Åpne CSV-validator

Tekst

Case / slug / escape

Konverter tekst til camelCase, snake_case, kebab-case, PascalCase, slugs og vanlige escaped-former.

Åpne Case / slug / escape

Tekst

Markdown-validering og forhåndsvisning

Valider Markdown-struktur, forhåndsvis rendret utdata og fang vanlige forfatterproblemer før publisering.

Åpne Markdown-validering