Converteer Hex-, RGB- en RGBA-kleuren

Dit is een eenvoudig hulpmiddel om een ​​hexadecimale kleur om te zetten in een RGB- of RGBA-waarde of vice versa. Als u hexadecimale naar RGB converteert, voert u de hexadecimale waarde in als #000 or #000000. Als u RGB naar hex converteert, voert u de RGB-waarde in als rgb(0,0,0) or rgba(0,0,0,0.1). Ik geef ook de algemene naam voor de kleur terug.

Hex naar RGB en RGB/RGBA naar Hex Color Converter

hexadecimaal (hex) kleuren, RGB kleuren, en RGBA kleuren zijn allemaal manieren om kleuren in op te geven HTML en CSS.

• Hexadecimale kleuren worden gespecificeerd met behulp van een zescijferige hexadecimale code die begint met een hekje (#). De code bestaat uit drie paren van twee hexadecimale cijfers, die elk de intensiteit van een van de primaire kleuren (rood, groen en blauw) vertegenwoordigen. De kleur zwart wordt bijvoorbeeld weergegeven als #000000 in hexadecimaal, en de kleur wit wordt weergegeven als #ffffff.
• RGB-kleuren worden gespecificeerd met behulp van de rgb() functie, die drie waarden tussen 0 en 255 heeft die de intensiteit van de primaire kleuren vertegenwoordigen (rood, groen en blauw). De kleur zwart wordt bijvoorbeeld weergegeven als rgb(0, 0, 0) in RGB, en de kleur wit wordt weergegeven als rgb(255, 255, 255).
• RGBA-kleuren zijn vergelijkbaar met RGB-kleuren, maar ze bevatten ook een alfawaarde die de transparantie van de kleur specificeert. De alfawaarde is een decimaal getal tussen 0 en 1, waarbij 0 volledig transparant is en 1 volledig ondoorzichtig. De kleur wit met 50% transparantie wordt bijvoorbeeld weergegeven als rgba(255, 255, 255, 0.5) in RGBA.

Over het algemeen kunt u elk van deze kleurindelingen in HTML en CSS gebruiken, afhankelijk van uw behoeften. Hexadecimale kleuren zijn korter en gemakkelijker te lezen dan RGB- of RGBA-kleuren en worden door alle moderne browsers ondersteund. RGB- en RGBA-kleuren zijn expressiever, omdat u hiermee de intensiteit van de primaire kleuren en de transparantie van de kleur kunt specificeren.

Bij het beslissen welk kleurformaat u wilt gebruiken, moet u rekening houden met de vereisten van uw project en de mogelijkheden van de doelbrowser. Als u een kleur met transparantie moet specificeren, moet u het RGBA-formaat gebruiken. Als u alleen een effen kleur hoeft op te geven, kunt u de hexadecimale of RGB-indeling gebruiken.

Met dank aan Noem die kleur voor de leuke naamopzoeking!