Dette er et simpelt værktøj til at konvertere en hexadecimal farve til en RGB- eller RGBA-værdi eller omvendt. Hvis du konverterer hex til RGB, skal du indtaste hex-værdien som #000 or #000000. Hvis du konverterer RGB til hex, skal du indtaste RGB-værdien som rgb(0,0,0) or rgba(0,0,0,0.1). Jeg returnerer også det almindelige navn for farven.
Hex til RGB og RGB/RGBA til Hex farvekonverter
Hexadecimal (Hex) farver, RGB farver, og RGBA farver er alle måder at angive farver på HTML og CSS.
- Hexadecimale farver er angivet ved hjælp af en sekscifret hexadecimal kode, der starter med et pundtegn (
#). Koden består af tre par af to hexadecimale cifre, som hver repræsenterer intensiteten af en af de primære farver (rød, grøn og blå). For eksempel er farven sort repræsenteret som#000000i hexadecimal, og farven hvid er repræsenteret som#ffffff. - RGB-farver er angivet ved hjælp af
rgb()funktion, som tager tre værdier mellem 0 og 255, der repræsenterer intensiteten af de primære farver (rød, grøn og blå). For eksempel er farven sort repræsenteret somrgb(0, 0, 0)i RGB, og farven hvid er repræsenteret somrgb(255, 255, 255). - RGBA farver ligner RGB-farver, men de indeholder også en alfaværdi, der angiver farvens gennemsigtighed. Alfaværdien er et decimaltal mellem 0 og 1, hvor 0 er helt gennemsigtig og 1 er helt uigennemsigtig. For eksempel er farven hvid med 50 % gennemsigtighed repræsenteret som
rgba(255, 255, 255, 0.5)i RGBA.
Generelt kan du bruge et hvilket som helst af disse farveformater i HTML og CSS, afhængigt af dine behov. Hexadecimale farver er kortere og lettere at læse end RGB- eller RGBA-farver, og de understøttes af alle moderne browsere. RGB- og RGBA-farver er mere udtryksfulde, da de giver dig mulighed for at angive intensiteten af de primære farver og farvens gennemsigtighed.
Når du beslutter dig for hvilket farveformat du skal bruge, bør du overveje kravene til dit projekt og målbrowserens muligheder. Hvis du skal angive en farve med gennemsigtighed, skal du bruge RGBA-formatet. Hvis du kun skal angive en ensfarvet farve, kan du bruge enten hexadecimal- eller RGB-formatet.
Tak til Navngiv den farve for det fine navneopslag!
