Colori CSS Predefiniti

Cosa sono i colori CSS predefiniti?

I colori CSS predefiniti sono un insieme fisso di 147 parole chiave — come tomato, aliceblue, rebeccapurple — che puoi usare ovunque sia previsto un colore CSS, al posto di un codice esadecimale o di una funzione rgb(). Sono integrati in ogni browser, vengono renderizzati in modo identico su tutte le piattaforme e non richiedono alcuna pre-elaborazione. L'elenco è cresciuto nel corso della storia di CSS: i 16 originali provenivano dal VGA, un altro lotto da X11, e rebeccapurple è stato aggiunto nel 2014 in memoria della figlia del pioniere CSS Eric Meyer.

Come usare questo riferimento

Digita nella casella di ricerca per filtrare per nome (prova blue, dark o red) o per esadecimale (prova ff). Cambia il menu a tendina di ordinamento per organizzare per tonalità se stai cercando un colore specifico che riesci a descrivere solo visivamente, o per luminosità quando scegli sfumature per gli stati hover. Clicca su un campione per copiare la parola chiave negli appunti — incollala direttamente in una regola CSS come color: tomato;.

Quando usare i colori predefiniti

I colori predefiniti sono ottimi per prototipi rapidi, badge nei README, codice demo e qualsiasi contesto in cui non sia richiesta una fedeltà esatta al brand. Non sono ideali per design system di produzione — la palette legacy è irregolare (molti rosa e arancioni, pochi teal scuri) e i nomi sono goffi (papayawhip, peachpuff). Per il lavoro in produzione, ricava gli equivalenti esadecimali dei colori predefiniti e ricostruisci la palette intorno al tuo brand usando uno strumento come il nostro Generatore di Armonie di Colore.

Da dove vengono i nomi

I 147 nomi risalgono al file rgb.txt dell'X Window System della fine degli anni '80, che a sua volta prendeva nomi da un catalogo Sinclair Paints e da varie altre fonti. I 16 originali — aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow — sono stati ereditati dall'hardware VGA. Il CSS moderno specifica l'elenco completo come codici esadecimali sRGB esatti; i browser non approssimano.

Gruppi di colori nella palette dei colori predefiniti

Rossi e rosa: red, crimson, salmon, lightcoral, hotpink, deeppink, pink e simili. Arancioni e marroni: orange, darkorange, coral, tomato, chocolate, sienna, peru. Gialli e ori: yellow, gold, khaki, palegoldenrod. Verdi: green, lime, forestgreen, seagreen, olive, olivedrab — di gran lunga il gruppo di tonalità più numeroso. Blu: blue, navy, royalblue, dodgerblue, steelblue, lightblue. Viola: purple, violet, indigo, orchid, plum, rebeccapurple. Neutri: una dozzina di alias gray/grey più silver, white, black.

Domande frequenti