Färgkonverterare
Konvertera mellan HEX, RGB och HSL färgformat omedelbart.
Flera format
Konvertera mellan HEX (#RGB), RGB (röd, grön, blå) och HSL (nyans, mättnad, ljushet) med liveförhandsvisning.
Liveförhandsvisning
Se färgen i realtid medan du skriver. Visualisera omedelbart hur din färg ser ut innan du använder den.
Kopiera till Urklipp
Kopiera med ett klick för vilket format som helst. Klistra omedelbart in färger i din CSS, designverktyg eller kod.
Färgplockare
Använd den inbyggda färgplockaren för att visuellt välja färger istället för att skriva koder.
Förstå färgmodeller
Olika färgmodeller tjänar olika syften inom design och utveckling. HEX (hexadecimalt) är webbstandarden, RGB representerar hur skärmar visar färg, och HSL beskriver färg i mänskligt vänliga termer. Varje format har unika fördelar: HEX är kortfattat, RGB är intuitivt för digitala skärmar, och HSL gör det enkelt att skapa färgvariationer genom att justera ljushet eller mättnad.
Användningsområden för färgkonvertering
Webbdesigners konverterar färger för att matcha CSS-krav, grafiska designers översätter varumärkesfärger mellan verktyg, och utvecklare justerar färgscheman programmässigt. HEX är perfekt för CSS och HTML, RGB fungerar bra för JavaScript canvas-operationer och bildbehandling, och HSL är utmärkt för att skapa färgpaletter genom att systematiskt variera nyans, mättnad eller ljushet för konsekventa designer.
Förstå färgmodeller
HEX använder bas-16 notation (0-9, A-F) där #RRGGBB representerar röda, gröna och blå komponenter. RGB använder decimala värden (0-255) för varje färgkanal. HSL separerar nyans (0-360°, färghjulets position), mättnad (0-100%, färgintensitet) och ljushet (0-100%, ljusstyrka). Att konvertera mellan dem kräver matematiska formler—vårt verktyg hanterar dessa automatiskt.