Színkód átváltó HEX, RGB, HSL

Színkód átváltása HEX, RGB, HSL és CMYK között, kontraszt ellenőrzéssel fehéren és feketén.

A színkód átváltó egy színt HEX, RGB, HSL és CMYK formátum között alakít át, és azonnal megmutatja a kontrasztját fehérrel és feketével. Beírhatod a kódot (#0f5c4d, #f60, rgb(15, 92, 77) vagy hsl(168, 72%, 21%)), vagy kiválaszthatod a színválasztóval. Jól jön, ha Photoshopból vagy Canvából viszel át színt CSS-be, vagy ellenőrzöd, olvasható-e a szöveg.

Mit jelentenek a formátumok

HEX: #RRGGBB, három hexadecimális pár a vörös, zöld, kék csatornára. A rövid #f60 jelentése #ff6600.
RGB: ugyanez decimálisan, 0 és 255 között.
HSL: árnyalat fokban, telítettség és világosság százalékban. Világosabb vagy sötétebb változathoz elég az utolsó értéket módosítani.
CMYK: cián, bíbor, sárga és fekete aránya nyomtatáshoz.

Kiszámolt példák

HEX	RGB	HSL	CMYK	Fehérrel	Feketével
#0F5C4D	15, 92, 77	168°, 72%, 21%	84, 0, 16, 64	7,9:1	2,66:1
#FF6600	255, 102, 0	24°, 100%, 50%	0, 60, 100, 0	2,94:1	7,15:1
#777777	119, 119, 119	0°, 0%, 47%	0, 0, 0, 53	4,48:1	4,69:1

A CMYK képlete: K = 1 − (legnagyobb RGB érték / 255), majd C, M, Y = (1 − csatorna/255 − K) / (1 − K).

A kontraszt értelmezése

A kontrasztot a WCAG képlete szerint, a relatív fénysűrűségből számolja. Normál szöveghez az AA szint legalább 4,5:1-et kér, ilyenkor az eszköz AA jelet tesz mellé. A #777777 szürke fehéren 4,48:1, tehát épp nem felel meg, pedig olvashatónak tűnik. A #FF6600 narancson a fekete szöveg olvasható jól, nem a fehér.

A CMYK egyszerű matematikai átváltás színprofil nélkül, nyomtatáshoz kérd a nyomda értékeit. Összeillő színekhez a színpaletta generátor, képből vett színhez a színválasztó képből eszköz való.

Gyakori kérdések

Hogyan váltok át HEX-ből RGB-be?

Három párra bontod, és mindegyiket 16-os számrendszerből 10-esbe váltod: 0F = 15, 5C = 92, 4D = 77.

Mekkora kontraszt kell a szövegnek?

WCAG AA szerint normál szövegnél legalább 4,5:1, nagy szövegnél 3:1, AAA szinten 7:1.

Miért más a nyomtatott szín, mint a képernyőn?

A képernyő RGB fényt bocsát ki, a papír CMYK festéket ver vissza, és egyes élénk RGB színek nem nyomtathatók pontosan.

Frissítve: 2026. október 7.

Milyen eszköz hiányzik?

Írd meg, milyen kalkulátort vagy eszközt kerestél, de nem találtál. Minden javaslatot elolvasunk.