Färgkonverterare

Vad ar en fargkonverterare?

En fargkonverterare omvandlar farger mellan olika fargsystem: HEX (#FF5733), RGB (255, 87, 51), HSL (11, 100%, 60%), HSV/HSB, CMYK och CSS-fargnamn. Webbutveckling anvander framst HEX och RGB, design anvander ofta HSL (intuitivare for justering av nyanser), och tryck anvander CMYK.

Att forsta fargmodeller ar avgande for webbutveckling och design. RGB ar additiv fargblandning (ljus — fler farger = ljusare, vitt vid maximum). CMYK ar subtraktiv (tryckfarg — fler farger = morkare, svart vid maximum). HSL/HSV separerar fargton (hue), mattnad (saturation) och ljushet (lightness/value), vilket gor det enklare att valja relaterade farger.

Faergmodeller foerklarade

• HEX -- en sexsiffrig hexadecimal kod (#FF5733). Kompakt och mycket anvaend i webbutveckling och design.
• RGB -- tre vaeerden (0-255) foer roeett, groeent och blaaett. Den inbyggda faergmodellen foer skaarmar och digital visning.
• HSL -- nyans (0-360 grader), maettnad (0-100%) och ljushet (0-100%). Intuitiv foer maenniskor att anvaenda vid justering av faerger.
• HSV/HSB -- liknar HSL men anvaender vaeerde/ljusstyrka istaellet foer ljushet. Vanlig i grafiska redigerare som Photoshop.
• CMYK -- fyra vaeerden (0-100%) foer cyan, magenta, gult och svart. Anvaends i tryckdesign daaer faerger blandas subtraktivt.

Hur du anvander detta verktyg

Ange en farg i valfritt format och se konverteringen till alla andra omedelbart. Anvand fargvaljaren for att valja visuellt. Verktyget visar aven komplement- och analogfirger, kontrastforhallande mot svart/vitt (for tillganglighet) och CSS-variabelformat.

Faerger i webbutveckling

CSS stoeeder flera faergformat: hex (#ff5733), rgb(255, 87, 51), hsl(11, 100%, 60%) och namngivna faerger (tomato). CSS Color Level 4 laeeaegger till oklch() och color() foer bredare faergrymd. Moderna webblaaesare stoeeder P3-faergrymden som erbjuder 50% fler faerger aeen sRGB. Vid val av faerger foer webben, kontrollera kontrast (WCAG kraever 4,5:1 foer normal text) och testa foer faergblindhet (8% av maaen har roeett-groeent faergseendefel).

Vanliga fragor

Vad ar skillnaden mellan RGB och CMYK?

RGB (rod, gron, bla) ar additiv fargblandning for skarmar — ljus blandas, alla tre pa max = vitt. CMYK (cyan, magenta, gul, svart) ar subtraktiv for tryck — tryckfarg absorberar ljus, alla fyra pa max = svart. RGB kan visa farger som CMYK inte kan reproducera (neon, pulserade farger) — darfor kan en design pa skarm se mattare ut i tryck. Konvertera alltid till CMYK och kontrollera resultatet fore tryckning.

Vad ar tillganglig fargkontrast?

WCAG 2.1 kraver kontrastforhallande pa minst 4.5:1 for normal text och 3:1 for stor text (18px fet eller 24px vanlig). AAA-nivan kraver 7:1 respektive 4.5:1. Kontrastforhallande beraknas fran den relativa luminansen for farg och bakgrundsfarg. Verktyg som denna konverterare, WebAIM Contrast Checker och Chrome DevTools kontrastinspektor hjalper till att testa.