Vad är en hex-färgkod?

En hex-färgkod skriver en färg som hexadecimala siffror, på samma sätt som CSS och de flesta designverktyg gör. I #3b82f6 är varje sifferpar en kanal: 3b är röd, 82 är grön och f6 är blå, från 00 (av) till ff (full). Ett valfritt fjärde par anger alfa, eller opacitet, så #3b82f6cc är samma blå färg med 80 % opacitet. Koder där varje par upprepar sin siffra kan förkortas till tre eller fyra siffror, så #ff8800 är även #f80.

Verktygsbeskrivning

Med det här verktyget kan du redigera en hex-färgkod par för par. Skriv eller klistra in en kod, välj en färg eller klistra in en färg i RGB, HSL eller något annat format. Ändra sedan de röda, gröna, blå och alfaparen eller opaciteten och se resultatet på ett transparensrutnät. Den redigerade färgen visas i de hex-format som används av CSS, Android och kod, och varje format kan kopieras direkt.

Funktioner

  • Redigera hex-koder med 3, 4, 6 eller 8 siffror, med eller utan #
  • Ändra varje kanal som ett tvåsiffrigt hex-par och alfa som ett hex-par eller en procentsats
  • Välj en färg eller klistra in en färg i RGB, HSL eller något annat format, samtidigt som alfa behålls
  • Förhandsgranska transparenta färger på ett schackrutemönster
  • Hämta färgen som 6-siffrig HEX, 8-siffrig HEX, kort HEX, rgb() eller rgba(), #AARRGGBB och 0xAARRGGBB
  • Växla mellan gemener och versaler för hex-siffror
  • Körs i din webbläsare

Så fungerar det

En kod med 3 eller 4 siffror utökas genom att varje siffra fördubblas, och en kod utan ett alfapar är helt ogenomskinlig (ff). En enskild siffra som skrivs i ett kanalfält tolkas som 0 följt av den siffran, så f blir 0f. Opacitetsprocent avrundas till närmaste alfavärde från 0 till 255, så 80 % blir cc (204). Kortformatet finns bara när båda siffrorna i varje par är lika; annars förblir det fältet tomt.

Tips

  • CSS läser alfaparet sist (#RRGGBBAA), men Android-färgresurser och .NET placerar det först (#AARRGGBB), så välj ARGB-fälten för dessa.
  • Låt alfa vara ff för att få en vanlig 6-siffrig kod. Fälten för 8-siffrig kod och ARGB visar den ändå i sin fullständiga form.