Wat is een RGB-kleur?

Schermen maken elke kleur door rood, groen en blauw licht te mengen. Een RGB-kleur geeft de intensiteit van elk van deze drie kanalen als een getal van 0 (uit) tot 255 (volledig), dus rgb(255, 0, 0) is zuiver rood, rgb(0, 0, 0) is zwart en rgb(255, 255, 255) is wit. Dezelfde kleur kan worden geschreven als een hexadecimale code, zoals #ff0000, waarbij elk paar hexadecimale cijfers één kanaal vormt.

Beschrijving van de tool

Met deze tool kun je een kleur per kanaal aanpassen. Kies of plak een beginkleur en verplaats vervolgens de schuifregelaars voor rood, groen en blauw of typ exacte waarden in om het resultaat direct te zien veranderen. De aangepaste kleur wordt weergegeven in de notaties die CSS, ontwerptools, game-engines en shadercode gebruiken, waarbij elke notatie direct kan worden gekopieerd.

Functies

  • Pas de rode, groene en blauwe kanalen aan met schuifregelaars of exacte getallen van 0 tot 255
  • Kies een kleur of plak er een in HEX, RGB, HSL of een ander formaat om daarmee te beginnen
  • Verkrijg de kleur als HEX, rgb(), rgb()-percentages, genormaliseerde waarden van 0–1, een decimaal geheel getal en een hexadecimaal geheel getal
  • Werkt in je browser

Hoe het werkt

Elk kanaal is een geheel getal van 0 tot 255. Waarden buiten dat bereik worden begrensd en decimalen worden afgerond. Genormaliseerde waarden delen elk kanaal door 255, en de gehele getalnotaties voegen de kanalen samen tot één 24-bits getal als 0xRRGGBB.

Tips

  • Gebruik de genormaliseerde waarden van 0–1 voor GLSL, HLSL, Unity en andere API's die kleuren als floats accepteren.
  • Het decimale gehele getal is de notatie die wordt gebruikt door Discord-embeds en sommige spreadsheets en databases.