Hoppa till huvudinnehåll
Converty

Färgkonverterare

Konvertera mellan hex, RGB, HSL, OKLCH och OKLAB samtidigt som du kontrollerar kontrast och exporterar CSS-klara tokens.

Stöder hex, rgb(), hsl(), oklch(), oklab() och namngivna CSS-färger.

Aktuell färg

#953769

Föreslagen förgrund

#FFFFFF

Komplementfärg

#007653

Hex
RGB(A)
HSL(A)
OKLCH
OKLAB
Alfa
Tailwind-tema
Generera en fullständig varumärkespalett för Tailwind CSS 4 eller 3 från den aktuella färgen.
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-färgkonvertering

Färgkonverterare hjälper dig att flytta samma färg mellan HEX, RGB, HSL, OKLCH och OKLAB. De är mest användbara när du behöver läsbara utdata, kontrastkontext och värden redo för CSS eller Tailwind.

HEX-, RGB-, HSL- och CSS-färger

HEX, RGB och HSL täcker de flesta vardagliga arbetsflöden i webbläsare, design och frontend.

Snabb konvertering låter dig klistra in ett värde och återanvända det överallt utan att skriva om syntaxen för hand.

Varför OKLCH och OKLAB spelar roll

OKLCH och OKLAB är bättre för att bygga mjuka skalor och förutsägbara ändringar i ljushet.

De gör palettarbete enklare när du bryr dig om balanserade steg och tillförlitlig kontrast.

Kontrastkontroller och Tailwind-utdata

Kontrastkontroller och ramverksklara utdata gör en konverterare till ett praktiskt UI-verktyg.

Du kan snabbare gå från en indatafärg till tillgängliga textval och Tailwind-vänliga tokens.

Vanliga frågor

Svar om stödda färgformat, när du bör använda perceptuella färgrymder som OKLCH och hur kontrast- och Tailwind-utdata ska tolkas.

Andra verktyg

Bläddra bland alla dedikerade verktygssidor från startsidans hubb eller den centrerade väljaren i sidhuvudet.

Bilder

WebP-konverterare

Konvertera upp till 10 JPEG-, PNG- eller WebP-bilder till WebP med kvalitetsförval och ZIP-nedladdningar.

Öppna WebP-konverterare

Assets

Favicon- / appikongenerator

Ladda upp en kvadratisk källbild och generera ett favicon-paket med appikoner och ett startmanifest för webben.

Öppna Favicon-generator

Dataformat

JSON / YAML / TOML-konverterare

Validera, prettify, minify och konvertera JSON, YAML och TOML med tydliga kompatibilitetsvarningar.

Öppna JSON / YAML / TOML

Dataformat

CSV-validerare

Validera CSV-filer och inklistrade rader med avgränsardetektering, rubrikkontroller, problemlistor och parsade förhandsgranskningar.

Öppna CSV-validerare

Text

Case / Slug / Escape

Konvertera text till camelCase, snake_case, kebab-case, PascalCase, slugs och vanliga escapade former.

Öppna Case / Slug / Escape

Text

Markdown-validerare och förhandsgranskning

Validera Markdown-struktur, förhandsgranska renderade utdata och hitta vanliga författarproblem före publicering.

Öppna Markdown-validerare