Kleurcode

Als je een grafisch ontwerper bent, of ooit in een beeldbewerkingsprogramma bent gestapt, heb je een vak waarmee je de kleur kon veranderen, of het nu de verfemmer, het penseel, de letters ... Wat je misschien nieuwsgierig heeft gemaakt, is het feit dat, wanneer je een kleur kiest, deze verschijnt een kleurcode, weet je wat het is?

Als je je ooit hebt afgevraagd wat die letter- of cijfercodes betekenen, en je wilt er meer over weten, dan helpen we je het belang van de kleurcode te begrijpen, waarom ze kleuren weerspiegelen en andere merkwaardige details.

Wat is de kleurcode?

We kunnen de kleurcode definiëren als a kleurengamma waarin een web kan worden weergegeven. Dat wil zeggen, de mogelijkheden die er zijn, in een palet van zo'n 216 kleuren, om te bepalen hoe een website eruit komt te zien. Deze code kan gebaseerd zijn op drie soorten systemen: RGB, HEX en HSL (de laatste is nu verouderd).

De kleurcode is eigenlijk bedoeld om als universele code voor alle browsers te dienen, op een zodanige manier dat met die codes wordt bereikt dat dezelfde tonen worden gereproduceerd, hetzij in Internet Explorers, in Firefox Mozilla, in Google Chrome …

U moet weten dat een computer kan tot 16 miljoen kleuren onderscheiden, er zijn dus veel mogelijkheden om een ​​website te maken of afbeeldingen aan te passen.

Soorten kleurcodes

Zoals we u al eerder hebben verteld, zijn er drie soorten systemen:

• RGB. Het is de bekendste en bestaat uit drie primaire kleuren, rood, blauw en groen, waaruit, door hun combinatie, de rest van de kleuren zijn afgeleid. Wat de weergave betreft, deze varieert van 0 tot 255 en de code die verschijnt, bestaat uit drie cijfers, gescheiden door komma's en tussen haakjes.
• Hexadecimaal. Meestal gebruikt in HTML en CSS. In dit geval bestaat het uit zowel cijfers als letters die onderling zijn gerangschikt om codes te verkrijgen die de kleuren bepalen.
• HSL. Het is al in onbruik en is gebaseerd op het gebruik van tint, verzadiging en lichtheid bij het maken van een kleur. Het wordt bepaald door graden en percentages (drie cijfers gescheiden door komma's en tussen haakjes).

Waarom zijn codes belangrijk?

Nu u weet wat kleurcodering is, is de toepassing ervan gemakkelijk te begrijpen, aangezien Het wordt gebruikt om te bepalen welke code vereist is om een ​​bepaalde kleur weer te geven. Dit werkt bijvoorbeeld op webpagina's. De HTML-code is impliciet als een website een achtergrond van een bepaalde kleur heeft, als het lettertype rood, geel, groen, blauw ... en vele andere toepassingen is.

Begrijp je waarom het belangrijk is? Stel je bijvoorbeeld voor dat je een website hebt met een rode achtergrond. En u wilt het veranderen in een lege. Als je de code kende die de kleur rood bepaalt, zou je met behulp van de zoekmachine in de HTML-code de plaats krijgen waar deze kleur wordt weergegeven (gekoppeld aan de achtergrondkleur) en je zou deze snel kunnen veranderen. Maar wat als je het niet hebt? Je zou moeten zoeken totdat je die sectie vindt en testen om te zien welke code in de buurt komt van wat je wilt.

Daarom helpt de kleurcode u het werk te versnellen en kleuren te gebruiken bij het ontwerpen van een website, het bewerken van een afbeelding, enz.

Lijst met kleuren en hun code Hexadecimaal en RGB

Om af te sluiten, willen we je hieronder een tabel waarin u de meeste bestaande kleuren kunt vinden, samen met hun decimale code (RGB) en hexadecimaal zodat als u op enig moment de code moet wijzigen, u dit gemakkelijk kunt doen zonder ernaar te hoeven zoeken in het kleurenpalet.

label	Decimaal (R, G, B)	Hexadecimaal
aliceblauw	RGB (240, 248, 255)	# F0F8FF
antiek wit	RGB (250, 235, 215)	# FAEBD7
aqua	RGB (0, 255, 255)	# 00FFFF
aquamarijn	RGB (127, 255, 212)	# 7FFFD4
azuur	RGB (240, 255, 255)	# F0FFFF
beige	RGB (245, 245, 220)	# F5F5DC
biscuit	RGB (255, 228, 196)	# FFE4C4
zwart	RGB (0, 0, 0)	#000000
geblancheerde amandel	RGB (255, 235, 205)	#FFEBCD
blauw	RGB (0, 0, 255)	# 0000FF
blauw Violet	RGB (138, 43, 226)	# 8A2BE2
bruin	RGB (165, 42, 42)	# A52A2A
knoestig hout	RGB (222, 184, 135)	# DEB887
kadetblauw	RGB (95, 158, 160)	# 5F9EA0
chartreuse	RGB (127, 255, 0)	# 7FFF00
chocolade	RGB (210, 105, 30)	# D2691E
koraal	RGB (255, 127, 80)	# FF7F50
korenblauw	RGB (100, 149, 237)	# 6495ED
maïszijde	RGB (255, 248, 220)	# FFF8DC
karmozijn	RGB (220, 20, 60)	# DC143C
cyaan	RGB (0, 255, 255)	# 00FFFF
donkerblauw	RGB (0, 0, 139)	#00008B
donkercyaan	RGB (0, 139, 139)	# 008B8B
donkergouden roede	RGB (184, 134, 11)	#B8860B
donkergrijs	RGB (169, 169, 169)	# A9A9A9
donkergroen	RGB (0, 100, 0)	#006400
donkergrijs	RGB (169, 169, 169)	# A9A9A9
donkerkaki	RGB (189, 183, 107)	# BDB76B
donkermagenta	RGB (139, 0, 139)	# 8B008B
donker olijfgroen	RGB (85, 107, 47)	# 556B2F
donker oranje	RGB (255, 140, 0)	# FF8C00
donkerorchidee	RGB (153, 50, 204)	# 9932CC
donkerrood	RGB (139, 0, 0)	# 8B0000
donkere zalm	RGB (233, 150, 122)	# E9967A
donkerzeegroen	RGB (143, 188, 143)	# 8FBC8F
donkerleiblauw	RGB (72, 61, 139)	# 483D8B
donkerleigrijs	RGB (47, 79, 79)	# 2F4F4F
donkerleigrijs	RGB (47, 79, 79)	# 2F4F4F
donkerturkoois	RGB (0, 206, 209)	# 00CED1
donkerviolet	RGB (148, 0, 211)	# 9400D3
donker roze	RGB (255, 20, 147)	# FF1493
diep hemelsblauw	RGB (0, 191, 255)	# 00BFFF
donzig	RGB (105, 105, 105)	#696969
schemerig	RGB (105, 105, 105)	#696969
dodgerblauw	RGB (30, 144, 255)	# 1E90FF
vuursteen	RGB (178, 34, 34)	#B22222
bloemenwit	RGB (255, 250, 240)	# FFFAF0
Bos Groen	RGB (34, 139, 34)	# 228B22
fuchsia	RGB (255, 0, 255)	# FF00FF
winstboro	RGB (220, 220, 220)	#DCDCDC
spookwit	RGB (248, 248, 255)	# F8F8FF
goud	RGB (255, 215, 0)	# FFD700
guldenroede	RGB (218, 165, 32)	# DAA520
grijs	RGB (128, 128, 128)	#808080
groen	RGB (0, 128, 0)	#008000
groen Geel	RGB (173, 255, 47)	# ADFF2F
grijs	RGB (128, 128, 128)	#808080
honingdauw	RGB (240, 255, 240)	# F0FFF0
felroze	RGB (255, 105, 180)	# FF69B4
indisch rood	RGB (205, 92, 92)	# CD5C5C
indigo	RGB (75, 0, 130)	# 4B0082
ivoor	RGB (255, 255, 240)	# FFFFF0
khaki	RGB (240, 230, 140)	# F0E68C
lavendel	RGB (230, 230, 250)	# E6E6FA
lavendelblush	RGB (255, 240, 245)	# FFF0F5
grasgroen	RGB (124, 252, 0)	# 7CFC00
citroenchiffon	RGB (255, 250, 205)	#FFFACD
lichtblauw	RGB (173, 216, 230)	# ADD8E6
lichtkoraal	RGB (240, 128, 128)	# F08080
lichtcyaan	RGB (224, 255, 255)	# E0FFFF
lichtgoudroodgeel	RGB (250, 250, 210)	# FAFAD2
lichtgrijs	RGB (211, 211, 211)	# D3D3D3
licht groen	RGB (144, 238, 144)	# 90EE90
lichtgrijs	RGB (211, 211, 211)	# D3D3D3
lichtroze	RGB (255, 182, 193)	# FFB6C1
lichtzalm	RGB (255, 160, 122)	# FFA07A
lichtzeegroen	RGB (32, 178, 170)	# 20B2AA
lichtblauw	RGB (135, 206, 250)	# 87CEFA
lichtgrijs	RGB (119, 136, 153)	#778899
lichtgrijs	RGB (119, 136, 153)	#778899
lichtstaalblauw	RGB (176, 196, 222)	# B0C4DE
licht geel	RGB (255, 255, 224)	# FFFFE0
Limoen	RGB (0, 255, 0)	# 00FF00
limoen groen	RGB (50, 205, 50)	# 32CD32
linnen	RGB (250, 240, 230)	# FAF0E6
magenta	RGB (255, 0, 255)	# FF00FF
kastanjebruin	RGB (128, 0, 0)	#800000
mediumaquamarijn	RGB (102, 205, 170)	# 66CDAA
middelblauw	RGB (0, 0, 205)	# 0000CD
middelgrote orchidee	RGB (186, 85, 211)	# BA55D3
middenpaars	RGB (147, 112, 219)	# 9370D8
mediumzeegroen	RGB (60, 179, 113)	# 3CB371
mediumleisteenblauw	RGB (123, 104, 238)	# 7B68EE
mediumlentegroen	RGB (0, 250, 154)	# 00FA9A
mediumturkoois	RGB (72, 209, 204)	# 48D1CC
mediumvioletrood	RGB (199, 21, 133)	#C71585
middernacht blauw	RGB (25, 25, 112)	#191970
muntcrème	RGB (245, 255, 250)	# F5FFFA
mistroosje	RGB (255, 228, 225)	# FFE4E1
mocassin	RGB (255, 228, 181)	# FFE4B5
navajowit	RGB (255, 222, 173)	#FFDEAD
marine	RGB (0, 0, 128)	#000080
oudje	RGB (253, 245, 230)	# FDF5E6
Olijfgroen	RGB (128, 128, 0)	#808000
olijvenkrab	RGB (107, 142, 35)	# 6B8E23
oranje	RGB (255, 165, 0)	# FFA500
Oranje rood	RGB (255, 69, 0)	# FF4500
orchidee	RGB (218, 112, 214)	# DA70D6
bleke gouden roede	RGB (238, 232, 170)	# EEE8AA
lichtgroen	RGB (152, 251, 152)	# 98FB98
pallet turkoois	RGB (175, 238, 238)	#AFEEEEE
bleekvioletrood	RGB (219, 112, 147)	# D87093
papaja	RGB (255, 239, 213)	# FFEFD5
perzikpuff	RGB (255, 218, 185)	# FFDAB9
Peru	RGB (205, 133, 63)	# CD853F
pink	RGB (255, 192, 203)	# FFC0CB
Pruim	RGB (221, 160, 221)	# DDA0DD
poederblauw	RGB (176, 224, 230)	# B0E0E6
purper	RGB (128, 0, 128)	#800080
rood	RGB (255, 0, 0)	# FF0000
rozebruin	RGB (188, 143, 143)	# BC8F8F
koningsblauw	RGB (65, 105, 225)	# 4169E1
zadelbruin	RGB (139, 69, 19)	# 8B4513
zalm	RGB (250, 128, 114)	# FA8072
zandbruin	RGB (244, 164, 96)	# F4A460
zee groen	RGB (46, 139, 87)	# 2E8B57
zeeschelp	RGB (255, 245, 238)	# FFF5EE
sienna	RGB (160, 82, 45)	# A0522D
zilver	RGB (192, 192, 192)	# C0C0C0
hemelsblauw	RGB (135, 206, 235)	# 87CEEB
lattenblauw	RGB (106, 90, 205)	# 6A5ACD
leigrijs	RGB (112, 128, 144)	#708090
leigrijs	RGB (112, 128, 144)	#708090
sneeuw	RGB (255, 250, 250)	#FFFAFA
lente groen	RGB (0, 255, 127)	# 00FF7F
staal blauw	RGB (70, 130, 180)	# 4682B4
looien	RGB (210, 180, 140)	# D2B48C
taling	RGB (0, 128, 128)	#008080
distel	RGB (216, 191, 216)	# D8BFD8
tomaat	RGB (255, 99, 71)	# FF6347
turkoois	RGB (64, 224, 208)	# 40E0D0
violet	RGB (238, 130, 238)	# EE82EE
tarwe	RGB (245, 222, 179)	# F5DEB3
wit	RGB (255, 255, 255)	# FFFFFF
witte rook	RGB (245, 245, 245)	# F5F5F5
geel	RGB (255, 255, 0)	# FFFF00
geel groen	RGB (154, 205, 50)	# 9ACD32

Weet jij meer kleurcodes? We nodigen u uit om ze in de opmerkingen te plaatsen om de lijst uit te breiden.