En farvehjælper til at skrive HTML og CSS. Skriv en farve som #3498db, rgb(52,152,219), hsl(204,70%,53%) eller et CSS-navn som dodgerblue, og fanen Konverter viser straks alle tilsvarende formater, klar-til-indsættelse CSS-deklarationer og et forslag til sort/hvid forgrundsfarve. Fanen Navngivne viser alle 148 CSS-farvenøgleord, inklusive rebeccapurple (søgbar, klik for at kopiere), og Websikker tilbyder den klassiske palette på 216 farver. Alt kører lokalt — ingen upload, ingen server. Værktøjet er kodeorienteret; til designarbejde (paletter, gradienter, kontrast, blanding) se også Farvevælger.
Tilstand:
Vælg eller skriv en farve — ækvivalenterne og CSS-uddragene opdateres live.
CSS-navngivne farver 148 nøgleord (inkl. rebeccapurple) — klik på en farveprøve for at kopiere dens #hex
Websikker palet 216 farver (RGB-trin 0/51/102/153/204/255) — klik for at kopiere
Disse farver vises uden dithering på klassiske 256-farve-skærme.
Sådan hænger formaterne sammen:#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%). HSL-nuance angives i grader (0-360), mætning og lysstyrke i procent. Alfa (#RRGGBBAA, rgba(), hsla()) læses og føres igennem i alle outputs. CSS-nøgleordsnavne matches først eksakt; når intet nøgleord matcher, foreslås det nærmeste af de 148 nøgleord som designhint.
Hvad er en CSS-farvekode?
En CSS-farvekode er den numeriske opskrift på én farve på skærmen: hvor meget rødt, grønt og blåt lys der skal blandes. Alle notationer — seks-cifret hex som #3498db, funktionel rgb(52, 152, 219), hsl(204, 70%, 53%) og de 148 foruddefinerede nøgleord — giver den samme 24-bit sRGB-værdi. Hex og rgb() angiver kanalerne direkte, mens hsl() beskriver farven som en vinkel på farvehjulet plus mætning og lysstyrke, hvilket ofte er lettere at ræsonnere om, når man finjusterer nuancer.
256 niveauer pr. kanal giver 16.777.216 adresserbare farver; 8-cifrede former (#RRGGBBAA, rgba(), hsla()) tilføjer blot en alfa-værdi (uigennemsigtighed) til den samme farve.
