Den här färgväljaren börjar med en visuell färgruta och håller de exakta siffrorna nära. Du kan klistra in ett CSS-hexvärde som #3366cc, finjustera röd, grön, blå och alfa, eller ställa in nyans, mättnad och ljushet för arbete med designsystem. Inga färgvärden laddas upp - konverteringarna sker lokalt i JavaScript.
Gratis färgväljare
Körs helt i din webbläsare - inget laddas upp, ingen registrering.
Vald#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Vad är en färgväljare?
En färgväljare är ett verktyg för att välja en exakt digital färg och kopiera dess värden för design eller kod. Använd färgrutan, HEX-fältet, RGB-reglagen eller HSL-kontrollerna och kopiera sedan HEX-, RGB-, HSL-, HSV- eller CMYK-värden direkt. Allt körs i din webbläsare.
Så använder du verktyget
- 1Välj eller klistra in en färg. Klicka på den stora färgrutan för att öppna webbläsarens färgväljare, eller klistra in ett 3-, 4-, 6- eller 8-siffrigt hexvärde i HEX-fältet.
- 2Justera kanalerna. Använd RGB-reglagen för röd, grön, blå och alfa, eller ändra nyans, mättnad och ljushet när du vill ha mer designvänlig kontroll.
- 3Kopiera formatet du behöver. Kopiera HEX, HEX8, RGB, HSL, HSV eller CMYK med ett klick. Förhandsvisningen och alla utdata uppdateras live.
Vem passar det för
- Frontend-utvecklare som kopierar CSS-klara HEX-, RGB- och HSL-värden medan de bygger gränssnitt.
- Designers som finjusterar en varumärkesfärg kanal för kanal istället för att gissa i ett grafikprogram.
- Marknadsteam som matchar kampanjfärger mellan e-postverktyg, dokument och sociala medier-material.
- Studenter och kreatörer som lär sig hur RGB, HSL, HSV och CMYK beskriver samma färg.
Vanliga frågor
Är den här färgväljaren gratis?
Ja. Färgväljaren är gratis, kräver inget konto och har ingen användningsgräns. Öppna sidan, välj en färg och kopiera formatet du behöver.
Laddas mina färger upp någonstans?
Nej. Färgväljaren och konverteringarna körs i din webbläsare med vanlig JavaScript. Dina valda färger skickas inte till en server.
Vilka färgformat kan jag kopiera?
Du kan kopiera HEX, 8-siffrig HEX med alfa, RGB eller RGBA, HSL eller HSLA, HSV och CMYK. Verktyget håller dem synkade medan du redigerar.
Kan jag klistra in en hexfärg?
Ja. Klistra in 3-, 4-, 6- eller 8-siffriga CSS-hexvärden, med eller utan #-symbolen. Kortformer expanderas enligt vanliga CSS-regler.
Vad är HEX8?
HEX8 är en 8-siffrig hexfärg där det sista paret sparar alfa. Till exempel är #3366cc80 samma blå färg med ungefär 50% opacitet.
Ska jag använda RGB eller HSL i CSS?
Använd RGB när du behöver exakta kanalvärden eller alfa med rgba(). Använd HSL när du vill skapa ljusare toner, mörkare varianter eller relaterade UI-lägen genom att ändra mättnad och ljushet.