Nome CSS in hex

Un convertitore da nome colore CSS a hex prende un colore nominato leggibile della piattaforma web—parole come tomato, navy, coral o rebeccapurple—e restituisce il codice esadecimale esatto e i valori dei canali rosso, verde e blu che i browser risolvono quando dipingono quel nome. Incolli un unico identificatore CSS; lo strumento normalizza le maiuscole, cerca il nome nella tabella estesa dei colori nominati di CSS Color Level 4 e restituisce una stringa #rrggbb in minuscolo, canali interi da zero a duecentocinquantacinque, una stringa rgb() pronta da incollare e righe di ricerca passo passo che può asserire nei test.

Cosa sono i colori nominati CSS e come si ottiene l'hex

I fogli di stile a cascata definiscono un vocabolario fisso di colori nominati estesi che ogni browser moderno mappa allo stesso triplo sRGB. Quando un foglio di stile scrive color tomato o background rebeccapurple, il motore non inventa una tonalità: risolve la parola chiave tramite una tabella standard di centoquarantotto nomi—incluse le grafie britannica e americana grey o gray e l'aggiunta Level 4 rebeccapurple—in tre canali a otto bit.

Quei canali si impacchettano nella forma esadecimale familiare #RRGGBB che strumenti di design, token di design e HTML delle e-mail usano ancora ogni giorno. Per tomato la tabella produce rosso duecentocinquantacinque, verde novantanove, blu settantuno, impacchettato come #ff6347; per navy i canali sono zero, zero, centoventotto e l'hex è #000080.

Esercizi in aula e handoff di design partono spesso da un nome in un deck di brand; disporre di un riferimento deterministico elimina ambiguità su maiuscole, varianti ortografiche e sul fatto che una parola di marketing sia davvero una parola chiave CSS.

Consigli pratici, limiti e ricerche correlate

Preferisca inviare la parola chiave CSS esatta che il Suo foglio di stile o sistema di design già usa, incluso il case misto stile camel se così appare in un ticket; la risposta normalizza sempre a un name in minuscolo e un hex a sei cifre in minuscolo così i diff a valle restano stabili.

Non passi codici hex come #ff6347 né notazioni funzionali come rgb(255, 99, 71)—questa landing è intenzionalmente limitata alle parole chiave nominate, e quei formati vengono rifiutati affinché lo noti invece di fallire in silenzio una ricerca su tabella. Transparent e currentcolor non sono mappati a hex opaco qui; se serve alfa o colori di sistema, usi un altro strumento.

Scrivendo test unitari, copra almeno un nome comune come tomato, un nome Level 4 come rebeccapurple, una coppia di grafie grey o gray, un input a maiuscole miste e una parola non riconosciuta deliberata così le regressioni di validazione non passano. Questa pagina si rivolge a chi cerca un convertitore da nome colore CSS a hex, codice hex di tomato, colore nominato a #RRGGBB o rebeccapurple hex online; non è uno splitter hex-verso-RGB, né un convertitore multi-spazio completo per HSL LAB e CMYK, né un estrattore di palette da immagini.

Preferisca questa capacità quando ha già una parola chiave CSS e serve solo il token hex o gli interi di canale; se la fonte è già hex, usi invece un convertitore da hex a RGB.