GRATIS ALLES‑IN‑ééN TOOLS

RGB‑Kleurenkiezer: Vind perfecte kleuren voor elk ontwerp

Rood

Groen

Blauw

Beweeg met de cursor over een kleur om de hex‑ en decimale kleurcodes hieronder te zien:

Hex: #
Rood:
Groen:
Blauw:

RGB‑kleurenspectrum

RGB‑kleurenspectrum of RGB‑kleursysteem, vormt alle kleuren door de combinatie van Rood, Groen en Blauw kleuren..

Rood, groen en blauw gebruiken elk 8 bits, met waarden van 0 tot 255. Dit maakt 256*256*256 = 16.777.216 mogelijke kleuren.

RGB ≡ Rood, Groen, Blauw

Elke pixel in een LED‑monitor toont kleuren op deze manier, door een combinatie van rode, groene en blauwe LED’s (lichtgevende diodes).

Wanneer de rode pixel op 0 staat, is de LED uit. Wanneer deze op 255 staat, brandt de LED volledig.

Elke waarde daartussen zorgt voor gedeeltelijke lichtemissie.

RGB‑kleurformaat & berekening

RGB‑code heeft een 24‑bits formaat (bits 0..23)::

ROOD[7:0]								GROEN[7:0]								BLAUW[7:0]
23							16	15							8	7							0

RGB-kleurtabel

Basiskleuren:

HTML / CSS Naam	Hex-code #RRGGBB	Decimale code (R,G,B)
Zwart	#000000	(0,0,0)
Wit	#FFFFFF	(255,255,255)
Limoen	#FF0000	(255,0,0)
Limoen	#00FF00	(0,255,0)
Blauw	#0000FF	(0,0,255)
Geel	#FFFF00	(255,255,0)
cyaan	#00FFFF	(0,255,255)
Magenta / Fuchsia	#FF00FF	(255,0,255)
Zilver	#C0C0C0	(192,192,192)
Grijs	#808080	(128,128,128)
Kastanjebruin	#800000	(128,0,0)
Olijf	#808000	(128,128,0)
Groen	#008000	(0,128,0)
Paars	#800080	(128,0,128)
Teal	#008080	(0,128,128)
Marineblauw	#000080	(0,0,128)

	Kleurnaam	Hex-code
Kastanjebruin	#800000	(128,0,0)
donkerrood	#8B0000	(139,0,0)
bruin	#A52A2A	(165,42,42)
firebrick	#B22222	(178,34,34)
crimson	#DC143C	(220,20,60)
tomaat	#FF0000	(255,0,0)
tomaat	#FF6347	(255,99,71)
koraal	#FF7F50	(255,127,80)
indian red	#CD5C5C	(205,92,92)
licht koraal	#F08080	(240,128,128)
donkere zalm	#E9967A	(233,150,122)
zalm	#FA8072	(250,128,114)
lichte zalm	#FFA07A	(255,160,122)
oranje rood	#FF4500	(255,69,0)
donker oranje	#FF8C00	(255,140,0)
oranje	#FFA500	(255,165,0)
goud	#FFD700	(255,215,0)
donkere goldenrod	#B8860B	(184,134,11)
goldenrod	#DAA520	(218,165,32)
bleke goldenrod	#EEE8AA	(238,232,170)
donker kaki	#BDB76B	(189,183,107)
kaki	#F0E68C	(240,230,140)
Olijf	#808000	(128,128,0)
Geel	#FFFF00	(255,255,0)
geelgroen	#9ACD32	(154,205,50)
donker olijfgroen	#556B2F	(85,107,47)
olive drab	#6B8E23	(107,142,35)
grasgroen	#7CFC00	(124,252,0)
chartreuse	#7FFF00	(127,255,0)
groengeel	#ADFF2F	(173,255,47)
donkergroen	#006400	(0,100,0)
Groen	#008000	(0,128,0)
bosgroen	#228B22	(34,139,34)
Limoen	#00FF00	(0,255,0)
limoengroen	#32CD32	(50,205,50)
lichtgroen	#90EE90	(144,238,144)
bleekgroen	#98FB98	(152,251,152)
donker zeegroen	#8FBC8F	(143,188,143)
medium lentegroen	#00FA9A	(0,250,154)
lentegroen	#00FF7F	(0,255,127)
zeegroen	#2E8B57	(46,139,87)
medium aquamarijn	#66CDAA	(102,205,170)
medium zeegroen	#3CB371	(60,179,113)
licht zeegroen	#20B2AA	(32,178,170)
donker leigrijs	#2F4F4F	(47,79,79)
Teal	#008080	(0,128,128)
donker cyaan	#008B8B	(0,139,139)
cyaan	#00FFFF	(0,255,255)
cyaan	#00FFFF	(0,255,255)
licht cyaan	#E0FFFF	(224,255,255)
donker turquoise	#00CED1	(0,206,209)
turquoise	#40E0D0	(64,224,208)
medium turquoise	#48D1CC	(72,209,204)
bleek turquoise	#AFEEEE	(175,238,238)
aquamarijn	#7FFFD4	(127,255,212)
poederblauw	#B0E0E6	(176,224,230)
cadetblauw	#5F9EA0	(95,158,160)
staalblauw	#4682B4	(70,130,180)
korenbloemblauw	#6495ED	(100,149,237)
diep hemelblauw	#00BFFF	(0,191,255)
dodgerblauw	#1E90FF	(30,144,255)
lichtblauw	#ADD8E6	(173,216,230)
hemelblauw	#87CEEB	(135,206,235)
licht hemelblauw	#87CEFA	(135,206,250)
middernachtblauw	#191970	(25,25,112)
Marineblauw	#000080	(0,0,128)
donkerblauw	#00008B	(0,0,139)
mediumblauw	#0000CD	(0,0,205)
Blauw	#0000FF	(0,0,255)
koningsblauw	#4169E1	(65,105,225)
blauwviolet	#8A2BE2	(138,43,226)
indigo	#4B0082	(75,0,130)
donker leiblauw	#483D8B	(72,61,139)
leiblauw	#6A5ACD	(106,90,205)
medium leiblauw	#7B68EE	(123,104,238)
medium paars	#9370DB	(147,112,219)
donker magenta	#8B008B	(139,0,139)
donker violet	#9400D3	(148,0,211)
donker orchidee	#9932CC	(153,50,204)
medium orchidee	#BA55D3	(186,85,211)
paars	#800080	(128,0,128)
distel	#D8BFD8	(216,191,216)
pruim	#DDA0DD	(221,160,221)
violet	#EE82EE	(238,130,238)
magenta	#FF00FF	(255,0,255)
orchidee	#DA70D6	(218,112,214)
medium violetrood	#C71585	(199,21,133)
bleek violetrood	#DB7093	(219,112,147)
diep roze	#FF1493	(255,20,147)
felroze	#FF69B4	(255,105,180)
lichtroze	#FFB6C1	(255,182,193)
roze	#FFC0CB	(255,192,203)
antiek wit	#FAEBD7	(250,235,215)
beige	#F5F5DC	(245,245,220)
bisque	#FFE4C4	(255,228,196)
geblancheerde amandel	#FFEBCD	(255,235,205)
tarwe	#F5DEB3	(245,222,179)
maïszijde	#FFF8DC	(255,248,220)
citroenchiffon	#FFFACD	(255,250,205)
licht goldenrod geel	#FAFAD2	(250,250,210)
lichtgeel	#FFFFE0	(255,255,224)
zadelbruin	#8B4513	(139,69,19)
sienna	#A0522D	(160,82,45)
chocolade	#D2691E	(210,105,30)
peru	#CD853F	(205,133,63)
zandbruin	#F4A460	(244,164,96)
burly wood	#DEB887	(222,184,135)
tan	#D2B48C	(210,180,140)
rozig bruin	#BC8F8F	(188,143,143)
moccasin	#FFE4B5	(255,228,181)
navajo wit	#FFDEAD	(255,222,173)
perzikpuf	#FFDAB9	(255,218,185)
mistig roze	#FFE4E1	(255,228,225)
lavendelblos	#FFF0F5	(255,240,245)
linnen	#FAF0E6	(250,240,230)
oud kant	#FDF5E6	(253,245,230)
papaja whip	#FFEFD5	(255,239,213)
zeeschelp	#FFF5EE	(255,245,238)
muntcrème	#F5FFFA	(245,255,250)
leigrijs	#708090	(112,128,144)
licht leigrijs	#778899	(119,136,153)
licht staalblauw	#B0C4DE	(176,196,222)
lavendel	#E6E6FA	(230,230,250)
bloemwit	#FFFAF0	(255,250,240)
aliceblauw	#F0F8FF	(240,248,255)
spookwit	#F8F8FF	(248,248,255)
honingdauw	#F0FFF0	(240,255,240)
ivoor	#FFFFF0	(255,255,240)
azuur	#F0FFFF	(240,255,255)
sneeuw	#FFFAFA	(255,250,250)
zwart	#000000	(0,0,0)
gedimd grijs	#696969	(105,105,105)
grijs / grey	#808080	(128,128,128)
donkergrijs	#A9A9A9	(169,169,169)



Ontdek kleuren direct: een krachtige RGB-kleurenzoeker voor ontwerpers, ontwikkelaars en makers


Het kiezen van de perfecte kleur is een van de belangrijkste stappen in elk digitaal project. Of u nu een website ontwerpt, een logo maakt, een app-interface ontwikkelt of gewoon experimenteert met visuele ideeën, kleurselectie speelt een centrale rol bij het vormgeven van het eindresultaat. Om dit proces eenvoudiger, sneller en intuïtiever te maken, hebben we een geheel nieuwe tool gemaakt waarmee u de exacte kleur kunt vinden die u nodig heeft met behulp van uw muis of door handmatig RGB-waarden in te voeren.

✔ Deze tool is ontworpen voor iedereen die regelmatig met kleur werkt en een eenvoudige, nauwkeurige en efficiënte manier wil om RGB-waarden om te zetten in een visueel kleurvoorbeeld en een duidelijke hexadecimale code.

✔ Onze RGB-kleurenzoeker is gebouwd met gebruiksgemak in gedachten. Het biedt een soepele, interactieve ervaring waarmee u kleuren visueel of numeriek kunt verkennen, afhankelijk van uw voorkeur. Of u nu een ontwerper bent die liever een schuifregelaar sleept om de perfecte tint te vinden, of een ontwikkelaar die nauwkeurige RGB-waarden moet typen, deze tool past zich aan uw workflow aan.

✔ De interface is schoon, responsief en geoptimaliseerd voor zowel desktop als mobiele apparaten, zodat je hem overal kunt gebruiken waar inspiratie toeslaat.

✔ Een van de krachtigste kenmerken van deze tool is de mogelijkheid om de kleur aan te passen met je muis. Met een eenvoudig sleepgebaar kunt u het volledige spectrum van rode, groene en blauwe waarden verkennen.

✔ Deze visuele benadering is perfect voor gebruikers die willen experimenteren met verschillende tonen en combinaties zonder vooraf de exacte numerieke waarden te hoeven kennen. Terwijl u de schuifregelaars verplaatst, werkt de tool onmiddellijk het voorbeeldvak bij, waardoor u realtime feedback krijgt over de kleur die u maakt.

✔ Dit maakt het ongelooflijk eenvoudig om tinten te verfijnen, variaties te vergelijken en nieuwe kleurideeën te ontdekken waar je misschien nog niet aan had gedacht.

✔ Voor gebruikers die de voorkeur geven aan precisie, kunt u met de tool ook handmatig de drie RGB-waarden invoeren. Dit is vooral handig voor ontwikkelaars die werken met specifieke kleurenpaletten, merkrichtlijnen of UI-componenten waarvoor exacte kleurafstemming vereist is.

✔ Typ gewoon de waarden voor rood, groen en blauw, en de tool geeft onmiddellijk de bijbehorende kleur weer, samen met de hexadecimale weergave. Dit dubbele invoersysteem zorgt ervoor dat de tool flexibel genoeg is om zowel creatieve verkenning als technische nauwkeurigheid te ondersteunen.

✔ Een ander belangrijk voordeel van deze tool is de automatische conversie van RGB naar HEX. Veel ontwerpers en ontwikkelaars schakelen vaak tussen deze twee formaten, vooral als ze met CSS, ontwerpsoftware of digitale branding werken. In plaats van handmatig de hexadecimale code te berekenen of naar een externe converter te zoeken, doet onze tool het werk direct voor u. Zodra u uw RGB-waarden selecteert of invoert, verschijnt de HEX-code in hoofdletters, klaar om te worden gekopieerd en in uw project te gebruiken.

✔ Dit bespaart tijd, vermindert fouten en stroomlijnt uw workflow.

✔ Naast de kernfunctionaliteit is de RGB Color Finder ook ontworpen om educatief te zijn. Voor beginners biedt het een eenvoudige manier om te begrijpen hoe RGB-waarden gecombineerd worden om verschillende kleuren te creëren. Door de schuifregelaars aan te passen of getallen in te voeren, kunnen gebruikers zien hoe het verhogen of verlagen van elk onderdeel het eindresultaat beïnvloedt.

✔ Dit maakt de tool een geweldige hulpbron voor studenten, hobbyisten en iedereen die leert over digitale kleurentheorie.

✔ De tool is ook ideaal voor professionals die een betrouwbare kleurenkiezer nodig hebben die rechtstreeks in de browser werkt, zonder dat hiervoor enige installatie of plug-ins nodig zijn. Of u nu een website bouwt, een gebruikersinterface ontwerpt of een digitale illustratie voorbereidt, snelle toegang tot een nauwkeurige en intuïtieve kleurenkiezer kan uw creatieve proces aanzienlijk versnellen.

✔ Het lichtgewicht ontwerp zorgt voor snelle laadtijden en de interface is geoptimaliseerd voor duidelijkheid en gebruiksgemak.

In een wereld waar visuele identiteit belangrijker is dan ooit, is het essentieel om over de juiste tools te beschikken om kleur te beheren. Onze RGB Color Finder combineert eenvoud, precisie en flexibiliteit in één gebruiksvriendelijke interface. Of u nu kleuren verkent met uw muis of exacte RGB-waarden invoert, deze tool biedt u alles wat u nodig heeft om de perfecte tint te vinden en deze onmiddellijk om te zetten in een bruikbare HEX-code.
Het is snel, nauwkeurig en ontworpen om zowel creativiteit als technisch werk te ondersteunen.