Färgväljare
Välj en färg och få HEX, RGB, HSL och CMYK direkt – med nyanser, kontrast och delbar länk.
Skuggor
Nyanser
Toner
Så använder du färgväljaren
Dra i den stora ytan för att välja mättnad och ljushet, och använd reglagen under för nyans och genomskinlighet. Alla värden – HEX, RGB, HSL och CMYK – uppdateras direkt och kan kopieras med ett klick. Du kan också skriva in ett värde i valfritt fält, så räknas de andra om automatiskt.
Nyanser, skuggor och toner
Under väljaren ser du färgens skuggor (mot svart), nyanser (mot vitt) och toner (mot grått) i tio steg – perfekt när du behöver en ljusare hover-färg eller en mörkare textvariant av samma kulör. Hovra över en ruta för att se dess hexkod och klicka för att kopiera.
Vill du bygga vidare? Skapa en hel färgpalett utifrån din färg, utforska harmonier i färghjulet eller kontrollera läsbarheten i kontrastverktyget.
Vanliga frågor
Hur hittar jag HEX-koden för en färg?
Dra i väljarytan tills du hittar rätt färg, eller skriv in ett RGB- eller HSL-värde. HEX-koden uppdateras direkt och du kopierar den med ett klick. Du kan även använda pipetten för att plocka en färg var som helst på skärmen.
Kan jag ange genomskinlighet (alpha)?
Ja. Väljaren har ett alpha-reglage, och fälten visar då HEX8 (till exempel #FF640080), rgba() och hsla() – redo att klistras in i din CSS.
Vad betyder kontrastvärdena?
Kontrast-chipsen visar hur väl din valda färg fungerar som textfärg mot vit respektive mörk bakgrund enligt WCAG. AA betyder godkänd kontrast för normal text. Vill du testa en egen kombination finns hela kontrastverktyget på /kontrast/.
Kan jag dela en färg med någon annan?
Ja. Färgen sparas i sidans adress medan du arbetar – klicka på ”Kopiera delbar länk” så kan mottagaren öppna exakt samma färg.