Färgkodskonverterare
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)OKLCH
oklch(0.623 0.188 259.8)HSL 조정
대비 비율 (WCAG)
비교 색상:
샘플 텍스트
대비 비율: 3.68:1
WCAG: AA Large
Senast uppdaterad: 2026 · Gratis onlineverktyg
Vad är Färgkodskonverterare?
Gratis online färgkonverterare som direkt översätter mellan HEX-, RGB-, HSL- och OKLCH-koder och beräknar WCAG-kontrastförhållandet mellan två färger så att du enkelt kan kontrollera tillgänglighet.
Så använder du
- 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.
Relaterade verktyg
Tidsstämpelkonverterare Gratis onlineverktyg för att konvertera mellan Unix-tidsstämplar och datum i båda riktningar. Det godtar sekunder (10 siffror) och millisekunder (13 siffror) och stöder KST, JST, UTC samt ISO 8601 och relativ tid.
CSS-gradientgenerator Gratis visuell CSS-gradientgenerator: skapa linjära, radiella och koniska gradienter, justera färgstopp och vinkel och kopiera färdig CSS-kod för dina webbplatsbakgrunder.
CSS box-shadow-generator Gratis online CSS box-shadow-generator med kontroller för offset, oskärpa, spridning, färg och inset, som ger en live-förhandsvisning av skuggan och skapar kopieringsklar box-shadow-CSS-kod.
Vanliga frågor
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.