Färgkodskonverterare

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

OKLCH

oklch(0.623 0.188 259.8)

HSL 조정

H217S91%L60%

대비 비율 (WCAG)

비교 색상:

샘플 텍스트

대비 비율: 3.68:1

WCAG: AA Large

Senast uppdaterad: 2026 · Gratis onlineverktyg

Vad är Färgkodskonverterare?

Gratis onlineverktyg för att konvertera mellan HEX, RGB, HSL, OKLCH färgkoder med WCAG-kontrastberäkning

1
Ange en färg — Använd färgväljaren eller textinmatning. HEX, rgb() och hsl() format stöds.
2
Visa format — HEX, RGB, HSL och OKLCH format visas samtidigt.
3
Kopiera värden — Använd kopieringsknappen för varje format för att kopiera CSS-värdet.
4
Kontrollera kontrastförhållande — Ställ in en jämförelsefärg för att kontrollera WCAG-kontrastförhållandet.

OKLCH är en cylindrisk representation av Oklabs färgrymd, den mest perceptuellt enhetliga färgrymden. Den stöds i CSS Color Level 4.

Det mäter ljusskillnaden mellan text- och bakgrundsfärger. AA kräver minst 4,5:1, AAA kräver 7:1.

För närvarande stöds bara ogenomskinliga färger (RGB, 6-siffrigt HEX). RGBA och HSLA kommer i en framtida uppdatering.

Ja. Du kan klistra in utdata från varje format direkt i din CSS.

Nej. Alla färgkonverteringar sker i din webbläsare.