Codice colore

Se sei un grafico o sei appena entrato in un programma di editing di immagini, avrai visto un scatola che ti permetteva di cambiare il colore, che sia il secchiello, il pennello, le lettere... Quello che potrebbe averti incuriosito è il fatto che, quando scegli un colore, appare un codice colore, sai cos'è?

Se ti sei mai chiesto cosa significano quei codici di lettere o numeri e vuoi saperne di più, allora ti aiutiamo a capire l'importanza del codice colore, perché riflettono i colori e altri dettagli curiosi.

Qual è il codice colore

Possiamo definire il codice colore come a gamma cromatica in cui può essere visualizzato un web. Cioè, le possibilità che esistono, in una tavolozza di circa 216 colori, per determinare come apparirà un sito web. Questo codice può essere basato su tre tipi di sistemi: RGB, HEX e HSL (quest'ultimo ora deprecato).

In realtà, lo scopo del codice colore è fungere da codice universale per tutti i browser in modo tale che, con quei codici, ciò che si ottiene sia riprodurre gli stessi toni, sia in Internet Explorer, sia in Firefox Mozilla, sia in Google Chrome …

Sappiate che un computer è in grado di distinguere fino a 16 milioni di colori, quindi ci sono molte possibilità per creare un sito web o per modificare immagini.

Tipi di codici colore

Come ti abbiamo detto prima, ci sono tre tipi di sistemi:

• RGB. È il più noto ed è composto da tre colori primari, rosso, blu e verde, dai quali, attraverso la loro combinazione, derivano gli altri colori. Quanto alla sua rappresentazione, va da 0 a 255 e il codice che compare è composto da tre cifre separate da virgole e tra parentesi.
• Esadecimale. Utilizzato principalmente in HTML e CSS. In questo caso è composto sia da cifre che da lettere che vengono disposte tra loro per ottenere dei codici che determinano i colori.
• HSL. Già in disuso, si basa sull'utilizzo della tonalità, della saturazione e della luminosità durante la creazione di un colore. È determinato da gradi e percentuali (tre cifre separate da virgole e tra parentesi).

Perché i codici sono importanti?

Ora che sai cos'è la codifica a colori, la sua applicazione è facile da capire, dal momento che Viene utilizzato per determinare quale codice è necessario per visualizzare un particolare colore. Funziona, ad esempio, sulle pagine web. Il codice HTML è implicito se un sito web ha uno sfondo di un certo colore, se il carattere è rosso, giallo, verde, blu..., e molti altri usi.

Capisci perché è importante? Ad esempio, immagina di avere un sito web con uno sfondo rosso. E vuoi cambiarlo in uno vuoto. Se conoscessi il codice che determina il colore rosso, utilizzando il motore di ricerca nel codice HTML otterresti il ​​punto in cui si riflette questo colore (collegato al colore di sfondo) e potresti cambiarlo rapidamente. Ma cosa succede se non ce l'hai? Dovresti cercare finché non trovi quella sezione e testare per vedere quale codice è vicino a quello che desideri.

Pertanto, il codice colore ti aiuta a velocizzare il lavoro, oltre a essere in grado di utilizzare i colori durante la progettazione di un sito Web, la modifica di un'immagine, ecc.

Elenco dei colori e loro codice Esadecimale e RGB

Per finire, vorremmo lasciarti qui sotto a tabella in cui puoi trovare la maggior parte dei colori esistenti insieme al loro codice decimale (RGB) ed esadecimale in modo che se in qualsiasi momento hai bisogno di cambiare il codice, puoi farlo facilmente senza doverlo cercare nella tavolozza dei colori.

etichetta	Decimale (R, G, B)	Esadecimale
alice blu	rgb (240, 248, 255)	# F0F8FF
bianco antico	rgb (250, 235, 215)	# FAEBD7
acqua	rgb (0, 255, 255)	#00FFFF
acquamarina	rgb (127, 255, 212)	# 7FFFD4
azzurro	rgb (240, 255, 255)	# F0FFFF
beige	rgb (245, 245, 220)	# F5F5DC
biscotto	rgb (255, 228, 196)	# FFE4C4
Nero	rgb (0, 0, 0)	#000000
mandorla bianca	rgb (255, 235, 205)	#FFEBCD
blu	rgb (0, 0, 255)	# 0000FF
blu viola	rgb (138, 43, 226)	# 8A2BE2
pelle	rgb (165, 42, 42)	# A52A2A
BurlyWood	rgb (222, 184, 135)	# DEB887
cadetto blu	rgb (95, 158, 160)	# 5F9EA0
certosa	rgb (127, 255, 0)	# 7FFF00
cioccolato	rgb (210, 105, 30)	# D2691E
corallo	rgb (255, 127, 80)	# FF7F50
fiordaliso	rgb (100, 149, 237)	# 6495ED
seta di mais	rgb (255, 248, 220)	# FFF8DC
cremisi	rgb (220, 20, 60)	# DC143C
ciano	rgb (0, 255, 255)	#00FFFF
blu scuro	rgb (0, 0, 139)	#00008B
ciano scuro	rgb (0, 139, 139)	# 008B8B
verga d'oroscuro	rgb (184, 134, 11)	# B8860B
grigio scuro	rgb (169, 169, 169)	# A9A9A9
verde scuro	rgb (0, 100, 0)	#006400
grigio scuro	rgb (169, 169, 169)	# A9A9A9
kaki scuro	rgb (189, 183, 107)	# BDB76B
magenta scuro	rgb (139, 0, 139)	# 8B008B
verde oliva scuro	rgb (85, 107, 47)	# 556B2F
arancione scuro	rgb (255, 140, 0)	# FF8C00
orchidea scura	rgb (153, 50, 204)	# 9932CC
rosso scuro	rgb (139, 0, 0)	# 8B0000
salmone scuro	rgb (233, 150, 122)	# E9967A
verde scuro	rgb (143, 188, 143)	# 8FBC8F
blu scuro	rgb (72, 61, 139)	# 483D8B
grigio scuro	rgb (47, 79, 79)	# 2F4F4F
grigio scuro	rgb (47, 79, 79)	# 2F4F4F
turchese scuro	rgb (0, 206, 209)	# 00CED1
viola scuro	rgb (148, 0, 211)	# 9400D3
rosa scuro	rgb (255, 20, 147)	# FF1493
blu profondo	rgb (0, 191, 255)	# 00BFFF
grigio scuro	rgb (105, 105, 105)	#696969
grigio scuro	rgb (105, 105, 105)	#696969
Dodgerblue	rgb (30, 144, 255)	# 1E90FF
mattone refrattario	rgb (178, 34, 34)	#B22222
florealebianco	rgb (255, 250, 240)	# FFFAF0
verde foresta	rgb (34, 139, 34)	# 228B22
fucsia	rgb (255, 0, 255)	# FF00FF
guadagniboro	rgb (220, 220, 220)	#DCDCDC
biancofantasma	rgb (248, 248, 255)	# F8F8FF
oro	rgb (255, 215, 0)	# FFD700
verga d'oro	rgb (218, 165, 32)	# DAA520
grigio	rgb (128, 128, 128)	#808080
green	rgb (0, 128, 0)	#008000
verde giallo	rgb (173, 255, 47)	# ADFF2F
grigio	rgb (128, 128, 128)	#808080
melata	rgb (240, 255, 240)	# F0FFF0
rosa caldo	rgb (255, 105, 180)	# FF69B4
rosso indiano	rgb (205, 92, 92)	# CD5C5C
indaco	rgb (75, 0, 130)	# 4B0082
avorio	rgb (255, 255, 240)	# FFFFF0
cachi	rgb (240, 230, 140)	# F0E68C
lavanda	rgb (230, 230, 250)	# E6E6FA
lavanda	rgb (255, 240, 245)	# FFF0F5
prato verde	rgb (124, 252, 0)	# 7CFC00
limoncello	rgb (255, 250, 205)	#FFFACD
azzurro	rgb (173, 216, 230)	# ADD8E6
corallo chiaro	rgb (240, 128, 128)	# F08080
ciano chiaro	rgb (224, 255, 255)	# E0FFFF
giallo dorato chiaro	rgb (250, 250, 210)	# FAFAD2
grigio chiaro	rgb (211, 211, 211)	# D3D3D3
verde chiaro	rgb (144, 238, 144)	# 90EE90
grigio chiaro	rgb (211, 211, 211)	# D3D3D3
rosa chiaro	rgb (255, 182, 193)	# FFB6C1
lightalmon	rgb (255, 160, 122)	# FFA07A
verde chiaro	rgb (32, 178, 170)	# 20B2AA
azzurro cielo	rgb (135, 206, 250)	# 87CEFA
lightlategray	rgb (119, 136, 153)	#778899
lightlategrey	rgb (119, 136, 153)	#778899
luciacciaioblu	rgb (176, 196, 222)	# B0C4DE
giallo chiaro	rgb (255, 255, 224)	# FFFFE0
lime	rgb (0, 255, 0)	# 00FF00
verde lime	rgb (50, 205, 50)	# 32CD32
lino	rgb (250, 240, 230)	# FAF0E6
magenta	rgb (255, 0, 255)	# FF00FF
marrone	rgb (128, 0, 0)	#800000
acquamarina media	rgb (102, 205, 170)	# 66CDAA
blu medio	rgb (0, 0, 205)	# 0000CD
orchidea media	rgb (186, 85, 211)	# BA55D3
medio-violetto	rgb (147, 112, 219)	# 9370D8
medioseagreen	rgb (60, 179, 113)	# 3CB371
medioslateblue	rgb (123, 104, 238)	# 7B68EE
medioprimaveraverde	rgb (0, 250, 154)	# 00FA9A
turchese medio	rgb (72, 209, 204)	# 48D1CC
mediovioletto	rgb (199, 21, 133)	#C71585
blu notte	rgb (25, 25, 112)	#191970
crema alla menta	rgb (245, 255, 250)	# F5FFFA
rosa nebbiosa	rgb (255, 228, 225)	# FFE4E1
mocassino	rgb (255, 228, 181)	# FFE4B5
bianco navajo	rgb (255, 222, 173)	#FFMORTO
marina	rgb (0, 0, 128)	#000080
vecchio	rgb (253, 245, 230)	# FDF5E6
oliva	rgb (128, 128, 0)	#808000
olivedrab	rgb (107, 142, 35)	# 6B8E23
arancione	rgb (255, 165, 0)	# FFA500
Orangered	rgb (255, 69, 0)	# FF4500
orchidea	rgb (218, 112, 214)	# DA70D6
pallida verga d'oro	rgb (238, 232, 170)	# EEE8AA
Palegreen	rgb (152, 251, 152)	# 98FB98
pallet turchese	rgb (175, 238, 238)	#AFEEEE
pallido	rgb (219, 112, 147)	#D87093
frusta di papaia	rgb (255, 239, 213)	# FFEFD5
plumcake	rgb (255, 218, 185)	# FFDAB9
tacchino	rgb (205, 133, 63)	# CD853F
rosa	rgb (255, 192, 203)	# FFC0CB
prugna	rgb (221, 160, 221)	# DDA0DD
azzurro polvere	rgb (176, 224, 230)	# B0E0E6
porpora	rgb (128, 0, 128)	#800080
rosso	rgb (255, 0, 0)	# FF0000
marrone rosato	rgb (188, 143, 143)	# BC8F8F
blu reale	rgb (65, 105, 225)	# 4169E1
saddlebrown	rgb (139, 69, 19)	# 8B4513
salmone	rgb (250, 128, 114)	# FA8072
Sandybrown	rgb (244, 164, 96)	# F4A460
mare verde	rgb (46, 139, 87)	# 2E8B57
conchiglia	rgb (255, 245, 238)	# FFF5EE
terra di siena	rgb (160, 82, 45)	# A0522D
argento	rgb (192, 192, 192)	# C0C0C0
skyblue	rgb (135, 206, 235)	# 87CEEB
blu ardesia	rgb (106, 90, 205)	# 6A5ACD
grigio ardesia	rgb (112, 128, 144)	#708090
grigio ardesia	rgb (112, 128, 144)	#708090
neve	rgb (255, 250, 250)	#FFFAFA
verde primavera	rgb (0, 255, 127)	# 00FF7F
Blu acciaio	rgb (70, 130, 180)	# 4682B4
abbronzatura	rgb (210, 180, 140)	# D2B48C
Teal	rgb (0, 128, 128)	#008080
cardo	rgb (216, 191, 216)	# D8BFD8
pomodoro	rgb (255, 99, 71)	# FF6347
turchese	rgb (64, 224, 208)	# 40E0D0
viola	rgb (238, 130, 238)	# EE82EE
grano	rgb (245, 222, 179)	# F5DEB3
bianca	rgb (255, 255, 255)	# FFFFFF
fumo bianco	rgb (245, 245, 245)	# F5F5F5
giallo	rgb (255, 255, 0)	# FFFF00
giallo verde	rgb (154, 205, 50)	# 9ACD32

Conosci altri codici colore? Vi invitiamo a inserirli nei commenti per ampliare la lista.