Hva er en HEX-fargekode?

En HEX-fargekode skriver en farge som heksadesimale sifre, slik CSS og de fleste designverktøy gjør. I #3b82f6 er hvert sifferpar én kanal: 3b er rød, 82 er grønn, og f6 er blå, fra 00 (av) til ff (full). Et valgfritt fjerde par angir alfa, eller opasitet, så #3b82f6cc er den samme blåfargen med 80 % opasitet. Koder der hvert par gjentar sifferet sitt, kan forkortes til tre eller fire sifre, så #ff8800 er også #f80.

Beskrivelse av verktøyet

Med dette verktøyet kan du redigere en HEX-fargekode par for par. Skriv inn eller lim inn en kode, velg en farge, eller lim inn en farge i RGB, HSL eller et annet format. Deretter kan du endre parene for rød, grønn, blå og alfa, eller opasiteten, og se resultatet på et gjennomsiktighetsrutenett. Den redigerte fargen vises i HEX-formatene som brukes av CSS, Android og kode, og alle er klare til kopiering.

Funksjoner

  • Rediger HEX-koder med 3, 4, 6 eller 8 sifre, med eller uten #
  • Endre hver kanal som et tosifret HEX-par, og alfa som et HEX-par eller en prosentverdi
  • Velg en farge, eller lim inn en i RGB, HSL eller et annet format, samtidig som alfa beholdes
  • Forhåndsvis gjennomsiktige farger på et sjakkmønster
  • Få fargen som 6-sifret HEX, 8-sifret HEX, kort HEX, rgb() eller rgba(), #AARRGGBB og 0xAARRGGBB
  • Bytt mellom små og store HEX-sifre
  • Kjører i nettleseren din

Slik fungerer det

En kode med 3 eller 4 sifre utvides ved å doble hvert siffer, og en kode uten et alfapar er helt ugjennomsiktig (ff). Ett enkelt siffer som skrives inn i et kanalfelt, regnes som 0 etterfulgt av dette sifferet, så f blir 0f. Opasitetsprosenter avrundes til nærmeste alfaverdi fra 0 til 255, så 80 % blir cc (204). Kortformatet finnes bare når begge sifrene i hvert par er like; ellers forblir feltet tomt.

Tips

  • CSS leser alfaparet sist (#RRGGBBAA), mens Android-fargeressurser og .NET plasserer det først (#AARRGGBB), så velg ARGB-feltene for disse.
  • La alfa stå på ff for å få en vanlig 6-sifret kode; 8-sifret og ARGB-feltene viser den fortsatt i sin helhet.