Colori e web: una scelta spesso difficile

Colori e web: una scelta spesso difficile

I colori in HTML possono essere espressi in tre modi differenti, cioè mediante:
il loro nome convenzionale;
il loro codice esadecimale;
il loro codice RGB.

Il metodo RGB è il più diffuso in ambito grafico e consiste nell’indicazione delle quantità dei tre colori fondamentali Rosso, Verde e Blu (Red, Green, Blue) grazie ai quali può essere ottenuto qualsiasi altro colore della scala cromatica.

La notazione esadecimale (usata frequentemente nel web-publishing) non è altro che un modo differente per esprimere valori RGB dove i valori da 0 a 255 sono rappresentati, rispettivamente, da “00” a “FF” (su questo sito è presente uno strumento on-line per effettuare facilmente l conversione da Esadecimale a RGB e viceversa).

FFFFFF

bianco

FFC0B6

sabbia rosata

FF8080

salmone

FF4040

salmone scuro

FF1F35

anguria

E01F25

porpora

A00000

cremisi scuro

600000

mogano

FFEFCE

vaniglia

FFE1B0

sabbia

FFC281

crema o pelle

FF9F71

pesca chiaro

FF8141

pesca

FF421E

pesca scuro

FF1F10

mandarino

FF0000

rosso

E10000

rosso scuro

C21212

mattone

A11F12

terracotta

622100

cioccolata

FFFF80

giallo chiaro

FFFF35

giallo limone

FFFF00

giallo

FFE118

senape

FFBF18

oro

FF8100

arancio

E26200

arancio scuro

A13F00

nocciola

824200

marrone scuro

D2B06A

kaki

FFFFD0

avorio

E0E074

avocado

BFBF00

certosa

808000

verde oliva

424200

marrone avana

101000

avocado scuro

82823F

grigio oliva

E0FFBF

verde pallido

C2FF91

sedano

80FF80

verde menta

41FF32

verde foglia

00E100

verde chiaro

00C200

verde

008000

verde scuro

006000

smeraldo

002100

verde pavone

82C168

verde bambù

3F621F

giada

E0FFDF

nebbia marina

00FFB2

verde acqua

00E1AD

caraibi

009F82

verde mare

00603C

malachite

004023

sempreverde

00201F

pino scuro

81C097

grigio verde

00FFFF

turchese

00323F

blu baltico

002041

blu metallico

82E0FF

zaffiro

00A0E0

ceruleo

0080C0

ceruleo scuro

004080

blu ardesia

002F80

blu acciaio

002060

blu denim

001040

blu aviazione

71B2CF

grigio blu

E0F1FF

blu artico

82C0FF

fiordaliso

5291EF

azzurro

2181FF

wedgwood

0080FF

blu manganese

0062E1

blu medio

0041C2

mirtillo

001FE2

blu marina

0000FF

blu

0020C2

blu cobalto

0000E0

indaco

0000C2

blu oltremare

E0E0FF

lilla nebbia

8080FF

lavanda

4141FF

lilla scuro

4040C2

blu violetto

9F9FE0

grigio lilla

E8E0FF

rosa azzurro

A160FF

rosa di parma

8242FF

blu violaceo

4000A2

ametista

2200A1

uva

000080

blu notte

00004F

uva americana

F1E0FF

rugiada

E1BFFF

prugna chiaro

E081FF

viola polvere

C200FF

fucsia

400080

prugna

1F007F

prugna scuro

E29FDE

malva chiaro

603181

malva

FFC1FD

rosa pallido

FF7FFF

rosa chiaro

FF22FF

rosa confetto

FF00FF

rosa carico

E000E0

magenta

A1009F

magenta scuro

800080

rosso prugna

200042

mora

602162

grigio prugna

FFE0F5

rosa perlato

FF9FCF

fiori di melo

FF82C2

rosa pallido

FF60AF

rosa ciliegia

FF40A0

rosa

FF0080

rosa scuro

C0007F

vinaccia

620042

ribes nero

400040

bordeaux

FFC0CE

rosa quarzo

FF6088

rosa corallo

FF4070

rosso corallo

FF2259

fragola

C20041

ciliegia

800000

scarlatto

410012

rubino scuro

F18FBC

grigio rosa

FFFFFF

bianco

F7F7F7

grigio 5%

EFEFEF

grigio 10%

E1E1E1

grigio 15%

D2D2D2

grigio 20%

C0C0C0

grigio 25%

B2B2B2

grigio 30%

A2A2A2

grigio 35%

8F8F8F

grigio 40%

808080

grigio 50%

5F5F5F

grigio 60%

4F4F4F

grigio 70%

404040

grigio 75%

2F2F2F

grigio 80%

000000

nero

…e tutte le altre sfumature?

C’è la possibilità di inserire e sfruttare altri colori, ma la cosa spesso più complessa è far comprendere quanto questi colori possano differire da quelli che si vedono sulla carta stampata, o far comprendere quanto questi possano cambiare da monitor a monitor, da dispositivo e dispositivo, in base alle impostazioni personali di ciascuno di noi.

La tua immagine è rappresentata da un brand, da un logo... da un colore o da una serie di sfumature di colore, che la tua presenza online e offline deve sempre considerare ed enfatizzare!