Immagine del logo dell'elemento per Nome Colore Suggerimento

Nome Colore Suggerimento

Contenuti multimediali (screenshot) dell'elemento: 1 per Nome Colore Suggerimento

Panoramica

Passa il mouse sugli elementi per vedere i dettagli del colore e i nomi in inglese semplice.

# Strumento Color Name Tooltip - Lo strumento definitivo per scoprire i colori sul web ## Panoramica Sei un designer, uno sviluppatore o un artista digitale che si chiede costantemente quali siano le tonalità esatte utilizzate sul web? O forse sei una delle milioni di persone in tutto il mondo che soffre di una qualche forma di deficienza della visione dei colori e ha difficoltà a distinguere tra tonalità simili? Benvenuto in Color Name Tooltip, una potente ma leggera estensione di Chrome progettata per portare chiarezza, precisione e accessibilità alla tua esperienza di navigazione web. Color Name Tooltip non è solo un altro selettore di colori. È un motore intelligente di identificazione dei colori in tempo reale che vive direttamente nel tuo browser. Semplicemente passando il mouse su qualsiasi elemento di qualsiasi pagina web, puoi vedere istantaneamente i valori di colore CSS calcolati in molteplici formati, insieme a un nome leggibile che ha senso per tutti. ## Perché Color Name Tooltip? Il web è un luogo vibrante, ma l'aspetto tecnico del colore può essere intimidatorio. I codici esadecimali come #F08080 o i valori RGB come (240, 128, 128) non significano molto per la persona media. Anche per i professionisti esperti, è difficile visualizzare la tonalità esatta da una stringa di numeri. È qui che brilla Color Name Tooltip. Colma il divario tra i dati tecnici e il linguaggio umano. Quando passi il mouse su un elemento, non ti dice solo la matematica; ti racconta la storia. Identifica il colore come "Corallo chiaro", dandoti un'immagine mentale immediata della tonalità. ## Caratteristiche principali ### 1. Identificazione istantanea al passaggio del mouse Non c'è bisogno di aprire gli strumenti per sviluppatori o fare clic su un elemento. Basta spostare il cursore sullo schermo e il tooltip seguirà, aggiornandosi istantaneamente mentre scorri su colori diversi. Che si tratti di uno sfondo, un bordo o del testo, Color Name Tooltip trova il colore calcolato e lo visualizza elegantemente. ### 2. Dati completi sul colore Per i professionisti, forniamo tutti i dettagli tecnici essenziali: - **Esadecimale:** Lo standard del settore per il web design. - **RGB (Rosso, Verde, Blu):** Essenziale per molte applicazioni di design e CSS. - **HSL (Tonalità, Saturazione, Luminosità):** Spesso il modo più intuitivo per i designer per comprendere e manipolare il colore. ### 3. Nome colore CSS più vicino Hai mai voluto sapere qual è il nome del colore CSS "ufficiale" più vicino? La nostra estensione confronta il colore su cui passi il mouse con il set standard di oltre 140 nomi di colori CSS e ti indica la corrispondenza più vicina. Questo è incredibilmente utile per gli sviluppatori che vogliono utilizzare nomi standard nei propri fogli di stile per una migliore leggibilità. ### 4. Descrizioni avanzate in inglese semplice (ntc.js) Questo è il cuore dell'accessibilità della nostra estensione. Abbiamo incluso una massiccia tabella di ricerca contenente oltre 1.500 classificazioni di colori. Invece di nomi generici, ottieni titoli descrittivi ed evocativi come 'rosa corallo medio', 'blu navy scuro' o 'lavanda polverosa'. Questi nomi derivano dal famoso algoritmo "Name That Color" (ntc), fornendo un livello di dettaglio che i normali selettori semplicemente non possono eguagliare. ### 5. Progettato per l'accessibilità Color Name Tooltip è stato creato pensando agli utenti daltonici. La deficienza della visione dei colori può rendere la navigazione sul web una sfida, specialmente quando il colore viene utilizzato per trasmettere significato o distinguere tra le sezioni. Fornendo nomi chiari e scritti per ogni colore, consentiamo agli utenti di comprendere la gerarchia visiva e le scelte estetiche di qualsiasi sito web, indipendentemente dalla loro percezione dei colori. ## Come funziona Sotto il cofano, Color Name Tooltip utilizza una logica sofisticata per determinare lo "stile calcolato" degli elementi su cui passi il mouse. Identifica in modo intelligente se mostrare il colore di sfondo o il colore del testo in base a ciò che è più prominente sotto il tuo cursore. I dati vengono quindi elaborati attraverso le nostre librerie in bundle: `ntc.js` per i nomi in inglese semplice e `css_colors.js` per le corrispondenze CSS standard, per fornirti un profilo completo del colore in millisecondi. ## Minimalista e non intrusivo Crediamo che gli strumenti debbano restare fuori dai piedi finché non ne hai bisogno. Color Name Tooltip presenta: - **Interfaccia utente pulita:** Un tooltip moderno e semi-trasparente che non oscura la tua visuale. - **Posizionamento intelligente:** Il tooltip si riposiziona automaticamente per garantire di rimanere sempre all'interno del viewport del browser. - **Controllo di attivazione:** Hai bisogno di una pausa? Puoi facilmente abilitare o disabilitare il tooltip tramite il menu popup dell'estensione. È lì quando ne hai bisogno e sparisce quando non ti serve. ## Perfetto per: - **Web Designer:** Riferimento rapido ai colori su siti di ispirazione senza immergersi nel codice. - **Sviluppatori Frontend:** Verificare che i colori sul sito live corrispondano alle specifiche di design. - **Artisti digitali:** Espandi il tuo vocabolario cromatico vedendo i nomi delle tonalità che incontri. - **Sostenitori dell'accessibilità:** Assicurati che i tuoi siti siano comprensibili per tutti gli utenti verificando come vengono descritti i colori. - **Persone daltoniche:** Ottieni un nuovo livello di indipendenza nell'esplorazione del web visivo. ## Privacy e prestazioni La tua privacy è la nostra priorità. Color Name Tooltip opera interamente in locale all'interno del tuo browser. Non tiene traccia della tua cronologia di navigazione, non raccoglie dati personali e non comunica con server esterni. È anche altamente ottimizzato per le prestazioni, garantendo che la tua esperienza di navigazione rimanga fluida e reattiva anche su siti web complessi e ricchi di colori. ## Unisciti alla community Ci impegniamo a rendere Color Name Tooltip la migliore utilità per il colore sul web. Se hai suggerimenti per nuove funzionalità, riscontri problemi o vuoi semplicemente condividere come l'estensione ti ha aiutato, ci piacerebbe sentirti! Il tuo feedback guida il nostro sviluppo. Installa Color Name Tooltip oggi e guarda il web sotto una luce completamente nuova: con i nomi!

Dettagli

  • Versione
    1.0
  • Ultimo aggiornamento:
    26 maggio 2026
  • Elemento offerto da
    Ezra Free Apps
  • Dimensioni
    55.34KiB
  • Lingue
    41 lingue
  • Sviluppatore
    Email
    ezra.nicholson2026@gmail.com
  • Non commerciante
    Questo sviluppatore non si è identificato come commerciante. Per quanto riguarda i consumatori nell'Unione Europea, tieni presente che i diritti del consumatore non sono applicabili ai contratti stipulati tra te e questo sviluppatore.

Privacy

Gestisci le estensioni e scopri come vengono utilizzate nella tua organizzazione
Lo sviluppatore ha comunicato che non raccoglierà e non userà i tuoi dati. Per scoprire di più, consulta le privacy policy dello sviluppatore.

Questo sviluppatore dichiara che i tuoi dati:

  • Non vengono venduti a terze parti, se non per i casi d'uso approvati.
  • Non vengono usati o trasferiti per finalità non correlate alle funzionalità principali dell'elemento.
  • Non vengono usati o trasferiti per stabilire l'affidabilità creditizia o per finalità di prestito.

Correlati

Design Analyzer - Extract Design Elements

0,0

Extract colors, fonts, spacing, shadows & effects from any website. Export to CSS, JSON, Figma, Sketch. One-click design analysis.

Peek - Design & Asset Toolkit

4,7

Extract assets, colors, typography & tokens from any site. Export to CSS, SCSS, Tailwind & more. The ultimate dev & design toolkit.

Cercatore di colori HEX

5,0

Utilizzate HEX code picker per trovare i colori esadecimali da qualsiasi pagina web. Identificate rapidamente i colori e copiate i…

Identifica Colore

4,3

Approfitta di Identifica Colore e usa colori immagine e trovare codice colore per identificare e trovare colori.

Color Palette

4,5

Lists and displays color codes of the current page

Inspect All - Web Inspector, Fonts & SEO Tools

5,0

Inspect fonts, colors, assets, SEO and responsiveness of any website in one simple side panel.

Codice colore - Color Picker

4,8

Utilizza il codice colore HEX dall'immagine per identificarlo rapidamente e utilizzarlo per i tuoi progetti.

Inspect element | Ispeziona Elemento Chrome

4,8

Usa Inspect element | Ispeziona Elemento Chrome per ispezionare facilmente e usare shortcut ispeziona pagina ogni volta.

CSS Viewer

5,0

CSS Viewer istantaneo: passa il mouse su un elemento per vederne tutto il css — font, colori, spaziature — un veloce ispettore css.

Developer DOM Inspector

5,0

Inspect DOM elements visually

CSS Extractor Pro - Extract Clean CSS Code & Color Palettes

3,0

Extract clean CSS code from any webpage element & generate complete color palettes. Essential developer tool.

Estensione Evidenziatore

5,0

Scopri l'estensione Evidenziatore che colora automaticamente le tue parole chiave; trova e evidenzia ciò che è vitale in un attimo!

Design Analyzer - Extract Design Elements

0,0

Extract colors, fonts, spacing, shadows & effects from any website. Export to CSS, JSON, Figma, Sketch. One-click design analysis.

Peek - Design & Asset Toolkit

4,7

Extract assets, colors, typography & tokens from any site. Export to CSS, SCSS, Tailwind & more. The ultimate dev & design toolkit.

Cercatore di colori HEX

5,0

Utilizzate HEX code picker per trovare i colori esadecimali da qualsiasi pagina web. Identificate rapidamente i colori e copiate i…

Identifica Colore

4,3

Approfitta di Identifica Colore e usa colori immagine e trovare codice colore per identificare e trovare colori.

Color Palette

4,5

Lists and displays color codes of the current page

Inspect All - Web Inspector, Fonts & SEO Tools

5,0

Inspect fonts, colors, assets, SEO and responsiveness of any website in one simple side panel.

Codice colore - Color Picker

4,8

Utilizza il codice colore HEX dall'immagine per identificarlo rapidamente e utilizzarlo per i tuoi progetti.

Inspect element | Ispeziona Elemento Chrome

4,8

Usa Inspect element | Ispeziona Elemento Chrome per ispezionare facilmente e usare shortcut ispeziona pagina ogni volta.

App Google