Färgväljare
Välj en färg, finjustera den och kopiera koden i det format du behöver.
Förseglat på den här enheten
Körs i din webbläsare. Inget laddas upp.
Förseglat
Välj en färg
Färgkoder
Ljusare och mörkare toner
Ljusare toner åt ena hållet, mörkare åt det andra. Välj en för att använda den.
Så fungerar det
-
Välj en färg
Dra i färgfältet och nyansreglaget, skriv in en kod du redan har eller hämta en färg från skärmen.
-
Finjustera den
Justera opaciteten, eller utforska ljusare och mörkare toner av färgen för att hitta en ljusare eller mörkare variant.
-
Kopiera koden
Kopiera värdet i HEX, RGB, HSL, OKLCH eller CMYK och klistra in det i din design, kod eller ditt dokument.
Vanliga frågor
Hur hämtar jag en färg från skärmen?
Välj ”Hämta från skärmen” och klicka sedan var som helst på skärmen för att fånga färgen. Pipetten finns i Chrome, Edge och andra Chromium-baserade webbläsare på datorer. I andra webbläsare öppnar färgrutan systemets färgväljare, som ofta har en egen pipett.
Vilket färgformat ska jag använda?
HEX är vanligast inom webbdesign och fungerar överallt. RGB och HSL är praktiska i CSS när du vill justera värden för hand. OKLCH är det moderna CSS-formatet som håller ljusheten jämn mellan olika nyanser. CMYK är en utgångspunkt för tryck.
Vad är skillnaden mellan en ljusare och en mörkare ton?
En ljusare ton är din färg blandad med vitt, så den blir ljusare. En mörkare ton är din färg blandad med svart, så den blir mörkare. Färgväljaren blandar dem i en perceptuell färgrymd så att varje steg ser jämnt fördelat ut.
Kan jag använda färgväljaren med tangentbordet?
Ja. Sätt fokus på färgfältet och använd piltangenterna för att ändra mättnad och ljusstyrka, och håll ned Skift för större steg. Reglagen för nyans och opacitet fungerar också med piltangenterna.
Kan jag dela en färg?
Ja. Sidans adress uppdateras med färgen du väljer, så du kan spara den som bokmärke eller skicka länken till någon.