En färghjälpare för att skriva HTML och CSS. Skriv en färg som #3498db, rgb(52,152,219), hsl(204,70%,53%) eller ett CSS-namn som dodgerblue, så visar fliken Konvertera omedelbart alla motsvarande format, CSS-deklarationer klara att klistra in och ett förslag på svart eller vit förgrundsfärg. Fliken Namngivna listar alla 148 CSS-färgnyckelord inklusive rebeccapurple (sökbar, klicka för att kopiera), och Webbsäker erbjuder den klassiska 216-färgspaletten. Allt körs lokalt — ingen uppladdning, ingen server. Verktyget är kodinriktat; för designarbete (paletter, gradienter, kontrast, blandning) se även Färgväljaren.
Läge:
Välj eller skriv en färg - motsvarigheterna och CSS-snuttarna uppdateras direkt.
CSS-namngivna färger 148 nyckelord (inkl. rebeccapurple) — klicka på ett färgprov för att kopiera dess #hex
Webbsäker palett 216 färger (RGB-steg 0/51/102/153/204/255) — klicka för att kopiera
Dessa färger renderas utan dithering på klassiska 256-färgsskärmar.
Hur formaten hänger ihop:#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%). HSL-nyansen anges i grader (0–360), mättnad och ljushet i procent. Alfa (#RRGGBBAA, rgba(), hsla()) tolkas och förs vidare till varje utdata. CSS-nyckelordsnamn matchas exakt först; när inget nyckelord matchar föreslås det närmaste av de 148 nyckelorden som designtips.
Vad är en CSS-färgkod?
En CSS-färgkod är det numeriska receptet för en färg på skärmen: hur mycket rött, grönt och blått ljus som ska blandas. Varje notation — sexsiffrig hex som #3498db, funktionell rgb(52, 152, 219), hsl(204, 70%, 53%) och de 148 fördefinierade nyckelorden — löser sig till samma 24-bitars sRGB-värde. Hex och rgb() anger kanalerna direkt, medan hsl() beskriver färgen som en vinkel på färghjulet plus mättnad och ljushet, vilket ofta är lättare att resonera kring när man justerar nyanser.
256 nivåer per kanal ger 16 777 216 adresserbara färger; 8-siffriga former (#RRGGBBAA, rgba(), hsla()) lägger helt enkelt till ett alfavärde (opacitet) på samma färg.
