HEX naar RGBA

Vergelijk HEX met RGBA

In de meeste gevallen is het mogelijk om een kleur te herkennen aan een hexadecimale code, waarbij alleen rekening wordt gehouden met de eerste cijfers van de paren. In het onderstaande voorbeeld is het duidelijk dat de kleur is gemengd met veel rood, een beetje blauw en helemaal geen groen. Door kleur te begrijpen met hexadecimale code kan een webdesigner sneller door de paginacode navigeren, en bovendien kun je altijd indruk maken op collega's of klanten door te zeggen Ah, wat een prachtige bordeauxrode tint. U kunt ook gemakkelijk de helderheid, tint of verzadiging van een kleur wijzigen door alleen de hexadecimale code te bewerken. In het eerste voorbeeld hieronder wordt een van de paren gewijzigd in stappen van 10%, terwijl de kleurhelderheid toeneemt. In het tweede voorbeeld stijgt de helderheid, maar daalt de verzadiging:

RGBA is een uitgebreide versie van RGB, maar met extra ondersteuning voor het alfakanaal, dat verantwoordelijk is voor de transparantie van de kleurvulling. Voor dit kleurmodel zijn al vier coëfficiënten aangegeven, waarvan de laatste een fractioneel getal is in het bereik van 0, waarbij 0 volledige transparantie is tot 1, wat overeenkomt met een volledig ondoorzichtige kleur. Het RGBA-systeem voegt een ander nummer toe dat de transparantie van de kleur beschrijft, de waarde kan variëren van 0 (volledig transparant) tot 1 (volledig ondoorzichtig). Een waarde van 0,5 maakt de kleur semi-transparant, overweeg een semi-transparante versie van donkerpaars, gespecificeerd met het RGBA-systeem: kleur: rgba (204, 51, 255, 0,5). U kunt zien dat de waarden voor rood, groen en blauw vergelijkbaar zijn met het RGB-systeem. Het vierde cijfer - 0,5 is de mate van transparantie. RGBA-kleuren zijn handig voor het maken van doorschijnende elementen die de elementen eronder zichtbaar maken.