Färgväljare och konverterare
Välj en färg och konvertera mellan HEX-, RGB- och HSL-format direkt. Gratis och körs helt i din webbläsare.
Hur man använder färgväljaren och konverteraren
- Click the large color preview swatch to open your browser's native color picker.
- Alternativt kan du skriva ett HEX-värde direkt i HEX-fältet (t.ex. #ff5733).
- Justera individuella R-, G-, B-värden (0–255) eller H-, S-, L-värden för finjustering.
- Alla format uppdateras i realtid när du ändrar ett värde.
- Använd kopieringsknapparna för att kopiera ett formaterat färgvärde till ditt urklipp.
- Kontrollera kontrastförhandsgranskningen för att se hur svart och vit text ser ut på din valda färg.
Vanliga fragor
Vad är HEX-färgformat?
HEX är en sexsiffrig hexadecimal representation av en färg med prefixet #. Varje par av siffror representerar de röda, gröna och blå kanalerna (t.ex. #ff5733 betyder R=255, G=87, B=51). Det är det vanligaste formatet inom webbdesign och CSS.
Vad är skillnaden mellan RGB och HSL?
RGB definierar en färg genom dess röda, gröna och blå ljuskomponenter (0–255 vardera). HSL definierar en färg genom nyans (0–360 grader på färghjulet), mättnad (0–100 %%) och ljushet (0–100 %%). HSL är ofta mer intuitivt för designers eftersom du enkelt kan justera ljusstyrka eller mättnad utan att påverka nyansen.
Varför är kontrastkontroll viktigt?
Tillräcklig kontrast mellan text- och bakgrundsfärger är avgörande för läsbarhet och tillgänglighet. WCAG-riktlinjerna rekommenderar ett minsta kontrastförhållande på 4,5:1 för normal text. Kontrastförhandsgranskningen hjälper dig att visuellt verifiera att texten förblir läsbar på din valda färg.
Lagras min data någonstans?
Nej. Alla färgkonverteringar sker helt i din webbläsare med JavaScript. Ingen data skickas till någon server.
Fler gratis verktyg