En fargehjelper for å skrive HTML og CSS. Skriv inn en farge som #3498db, rgb(52,152,219), hsl(204,70%,53%) eller et CSS-navn som dodgerblue, så viser fanen Konverter med en gang alle ekvivalente formater, klare CSS-deklarasjoner og et forslag til svart/hvit forgrunn. Fanen Navngitte lister alle 148 CSS-fargenøkkelord, inkludert rebeccapurple (søkbart, klikk for å kopiere), og Websikker tilbyr den klassiske 216-fargepaletten. Alt kjører lokalt — ingen opplasting, ingen server. Dette verktøyet er kodeorientert; for designarbeid (paletter, gradienter, kontrast, blanding) se også Fargevelgeren.
Modus:
Velg eller skriv inn en farge — ekvivalentene og CSS-utdragene oppdateres live.
CSS-navngitte farger 148 nøkkelord (inkludert rebeccapurple) — klikk på en fargeprøve for å kopiere #heksen
Websikker palett 216 farger (RGB-trinn 0/51/102/153/204/255) — klikk for å kopiere
Disse fargene gjengis uten dithering på klassiske 256-fargeskjermer.
Hvordan formatene henger sammen:#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%). HSL-fargetonen er i grader (0–360), metning/lysstyrke i prosent. Alfa (#RRGGBBAA, rgba(), hsla()) tolkes og føres gjennom alle utdata. CSS-nøkkelordnavn matches eksakt først; når ingen nøkkelord passer, foreslås det nærmeste av de 148 nøkkelordene som designhint.
Hva er en CSS-fargekode?
En CSS-fargekode er den numeriske oppskriften for én farge på skjermen: hvor mye rødt, grønt og blått lys som skal blandes. Hver notasjon — seksdelt heks som #3498db, funksjonell rgb(52, 152, 219), hsl(204, 70%, 53%) og de 148 forhåndsdefinerte nøkkelordene — gir samme 24-bits sRGB-verdi. Heks og rgb() oppgir kanalene direkte, mens hsl() beskriver fargen som en vinkel på fargehjulet pluss metning og lysstyrke, noe som ofte er lettere å resonnere om når man justerer nyanser.
256 nivåer per kanal gir 16 777 216 adresserbare farger; 8-sifrede former (#RRGGBBAA, rgba(), hsla()) legger bare til en alfaverdi (ugjennomsiktighet) for samme farge.
