Bentornato

Scegli il tipo di articolo da aggiungere a questa collezione

La tua collezione è stata creata con successo

Aggiungi una collezione per organizzare i tuoi articoli

L'articolo è stato aggiunto alla collezione con successo

Crea la tua prima collezione per organizzare i tuoi colori

Aggiungi colori, palette o sfumature a questa collezione

Visualizza e gestisci gli articoli della collezione

Tre colori della stessa luminanza e saturazione con tonalità adiacenti sulla ruota dei colori, a 30 gradi di distanza l'uno dall'altro. Transizioni fluide.

Il daltonismo colpisce circa 1 uomo su 12 e 1 donna su 200 in tutto il mondo. Questo simulatore aiuta i designer, gli sviluppatori e i creatori di contenuti a capire come le loro scelte cromatiche appaiono alle persone con varie forme di deficit della visione dei colori.

Testando i colori attraverso diverse simulazioni di daltonismo, puoi assicurarti che i tuoi progetti siano accessibili ed efficaci per tutti gli utenti. Questo strumento simula i tipi più comuni di deficit della visione dei colori, tra cui la Protanopia, la Deuteranopia, la Tritanopia e il daltonismo completo.

Capire il daltonismo

Usa i contrasti e i modelli insieme al colore per trasmettere informazioni.

Progettare meglio

Cecità giallo-blu (Tritanopia)

Codice colore

Controllo del contrasto

Controlla come un colore viene percepito da persone con diversi tipi di daltonismo per creare design più accessibili. Capire la percezione dei colori aiuta a garantire che i tuoi contenuti siano accessibili a tutti.

Creatore di gradienti

Il colore da solo non dovrebbe mai essere l'unico modo per trasmettere informazioni. I test con questo simulatore aiutano a identificare i potenziali problemi.

Perché è importante

Crea un account gratuito per simulare come appaiono i colori alle persone con diversi tipi di daltonismo.

Iscriviti per accedere al simulatore di cecità

Questo è il modo in cui il colore appare con una visione cromatica normale.

Cecità rosso-verde (Protanopia)

Strumenti di accessibilità correlati

L'8% degli uomini e lo 0,5% delle donne presentano una forma di deficit della visione dei colori.

Impatto

Simulatore di cecità

Cecità completa dei colori

Acromatomia

Acromatopsia

Deuteranomalia

Deuteranopia

Protanomalia

Protanopia

Tritanomalia

Tritanopia

La cecità rosso-verde è la più comune e riguarda la percezione dei rossi e dei verdi.

Tipi

Perfetto per il design delle UI, la visualizzazione dei dati, il branding e tutti i contenuti visivi che si basano sulla differenziazione dei colori.

Casi d'uso

Il nostro strumento avanzato di analisi del colore offre una visione completa delle proprietà, delle armonie e degli effetti psicologici del colore. Perfetto per designer, sviluppatori e artisti che desiderano comprendere gli aspetti tecnici ed emotivi del colore.

Analizza le armonie cromatiche, l'impatto psicologico, le specifiche tecniche e le metriche di accessibilità. Prendi decisioni informate sull'uso del colore nei tuoi progetti con approfondimenti basati sui dati e applicazioni professionali della teoria del colore.

Capire l'analisi del colore

Approfondimenti professionali sul colore e sull'armonia

Analisi completa del colore

Analizza le proprietà del colore con metriche avanzate che includono la composizione spettrale, la purezza del colore, gli effetti del metamerismo e le caratteristiche percettive. Questi strumenti forniscono una visione approfondita del comportamento e dell'aspetto del colore in diverse condizioni di visione.

È essenziale per creare identità di marca coese, garantire l'armonia dei colori nei progetti e mantenere la coerenza tra i media digitali e di stampa. Il nostro strumento di analisi del colore fornisce informazioni complete ai designer professionisti.

Design e branding

Genera schemi di colori complementari, triadici e analoghi basati sulle relazioni della ruota dei colori.

Armonie di colori

Crea un account gratuito per visualizzare l'analisi completa dei colori e le metriche.

Iscriviti per accedere all'Analisi del Colore

Comprendere la psicologia dei colori e l'impatto emotivo delle campagne di marketing. Analizzare come i colori influenzano il comportamento degli utenti e i tassi di conversione nelle strategie di marketing digitale.

Marketing e psicologia

Accedi alle specifiche dettagliate dei colori, compresi i valori RGB, HSL, LAB e i calcoli di luminanza.

Metriche tecniche

Generatore di tavolozze

Capire come appaiono i colori in diverse condizioni di luce e a vari tipi di pubblico.

Percezione visiva

Il modo in cui i colori appaiono alla vista umana, tra cui la purezza, la dominanza e la luminosità percepita.

Proprietà percettive

Applicazioni professionali dell'analisi del colore

Esplora le associazioni emotive e psicologiche che influenzano il comportamento e la percezione degli utenti.

Psicologia del colore

Strumenti colore correlati

Misurazioni precise del colore basate sulla colorimetria e sull'analisi spettrale per applicazioni tecniche.

Analisi scientifica

Analisi del colore

Analizza i colori per verificare la conformità all'accessibilità del web, genera codici colore CSS e garantisce una leggibilità ottimale. Perfetto per gli sviluppatori frontend che si concentrano sull'esperienza utente e sulle linee guida WCAG.

Sviluppo web

Ogni armonia ha un proprio stato d'animo. Usa le armonie per pensare a combinazioni di colori che funzionano bene insieme.

Utilizza un colore dominante, sostieni un colore secondario e accentua con parsimonia.

Assicura un contrasto sufficiente per la leggibilità e l'accessibilità.

I colori devono lavorare insieme per creare un'esperienza visiva unitaria.

Principi di teoria del colore

Un colore e il suo opposto sulla ruota dei colori, +180 gradi di tonalità. Alto contrasto.

I significati dei colori variano da una cultura all'altra e portano con sé diversi significati simbolici in tutto il mondo.

Cultura

Esplora le dimensioni artistiche e psicologiche dei colori, comprese le associazioni stagionali, l'impatto emotivo, gli eventi naturali, i pigmenti storici e le ricette di miscelazione dei colori per le applicazioni creative.

Crea un account gratuito per esplorare le dimensioni creative e artistiche dei colori.

Iscriviti per accedere ad Aspetti Creativi

Le manifestazioni naturali dei colori ispirano il design e ci mettono in contatto con l'ambiente.

Natura

I colori influenzano le emozioni e il comportamento attraverso associazioni psicologiche sviluppate nel tempo.

Psicologia

Aspetti creativi

Clicca su un colore per copiare il suo valore esadecimale. Queste combinazioni sono matematicamente provate per creare armonia visiva.

Le armonie di colore creano equilibrio ed evocano emozioni specifiche nei tuoi progetti.

Ottieni informazioni utili sul colore 123456 come conversione, combinazioni, simulazione della cecità e molto altro.

Selettore colori HTML: 123456

Tre colori della stessa tonalità con valori di luminanza +/- 50%. Sottile e raffinato.

Colori dei terminali, codifica dei byte e formati di dati per la programmazione.

Sviluppo

Converti i colori in formati pratici per applicazioni reali come la simulazione di stampa, i display LED, l'uscita dei terminali e la codifica dei dati. Questi formati ti aiutano a implementare i colori su diversi supporti, piattaforme e dispositivi fisici.

Controlla strisce LED, illuminazione RGB e hardware di visualizzazione con valori precisi.

Display digitali

Crea un account gratuito per visualizzare e copiare tutti i valori pratici del formato colore.

Iscriviti per accedere ai Formati Pratici

Simula l'aspetto dei colori quando vengono stampati con inchiostri CMYK su supporti fisici.

Stampa e produzione

Formati pratici

Ottieni l'accesso immediato a tutte le conversioni dei formati di colore per i tuoi progetti.

Accedi a tutti i formati pratici

Variazioni più scure create aggiungendo il nero al colore di base.

Un colore e due adiacenti al suo complemento, a +/-30 gradi di tonalità rispetto al valore opposto al colore principale. Audace come un complemento diretto, ma più versatile.

Esplora le rappresentazioni avanzate dello spazio colore e i modelli di colore professionali utilizzati nella produzione video, nella fotografia, nelle applicazioni scientifiche e nei sistemi di gestione del colore. Questi formati tecnici forniscono specifiche cromatiche precise per industrie e applicazioni specializzate.

I flussi di lavoro professionali richiedono formati di colore specifici per garantire la coerenza tra i dispositivi e i media.

Standard del settore

Crea un account gratuito per visualizzare e copiare tutti i valori tecnici del formato colore.

Iscriviti per accedere ai Formati Tecnici

Formati tecnici

Ottieni l'accesso immediato a 10+ formati colore professionali con conversioni precise e spiegazioni dettagliate.

Sblocca tutti i formati tecnici

I diversi spazi colore sono ottimizzati per scopi specifici, dalla riproduzione accurata dei colori alla compressione efficiente dei dati.

Perché usare i formati tecnici

Due serie di colori complementari, separati da 60 gradi di tonalità.

Variazioni più chiare create aggiungendo il bianco al colore di base.

Tre colori distanziati in modo uniforme lungo la ruota dei colori, ognuno con 120 gradi di tonalità. È meglio lasciare che sia un colore a dominare e usare gli altri come accenti.

Lo scopo di questa sezione è quello di produrre accuratamente tinte (aggiunta di bianco puro) e sfumature (aggiunta di nero puro) del colore selezionato con incrementi del 10%.

Queste variazioni costituiscono la base di una tavolozza di colori coesa. Esportale per mantenere la coerenza in tutto il tuo progetto.

Usa le sfumature per gli stati hover e le ombre, le tinte per le luci e gli sfondi.

Nome

Contattaci

Regola i cursori per migliorare il contrasto del testo e renderlo più leggibile.

Questo è un testo normale. La volpe marrone veloce salta il cane pigro.

Scegli un colore utilizzando il selezionatore di colori per il testo e lo sfondo oppure inserisci un colore in formato esadecimale RGB (ad esempio, #259 o #2596BE). Puoi regolare il cursore per selezionare il colore. Le Linee Guida per l'Accessibilità dei Contenuti Web (WCAG) hanno una linea guida specifica che aiuta a capire se il testo è leggibile per gli utenti vedenti. Questo criterio utilizza un particolare algoritmo per mappare le combinazioni di colori in rapporti comparabili.  Utilizzando questa formula, le WCAG affermano che un rapporto di contrasto cromatico di 4,5:1 tra il testo e lo sfondo è adeguato per il testo normale (corpo), mentre il testo di grandi dimensioni (18+ pt normale o 14+ pt grassetto) dovrebbe avere almeno un rapporto di contrasto cromatico di 3:1.

Testa le combinazioni di colori per verificare che siano conformi agli standard di accessibilità WCAG per la leggibilità del testo.

Controllo del contrasto dei colori: Con questo strumento online puoi ottenere dettagli sul rapporto di contrasto dei colori del testo e dello sfondo 123456.

Controllo del contrasto dei colori: 123456

Questo mostra l'aspetto dei colori quando vengono invertiti, utile per la modalità buio/luce.

La volpe marrone veloce salta sul cane pigro

Anteprima del titolo

Si tratta di un testo piccolo per verificare la leggibilità.

Si tratta di un testo piccolo che deve essere comunque leggibile.

Iscriviti gratuitamente per accedere a 5 suggerimenti intelligenti sui colori che mantengono la vivacità e rispettano gli standard di accessibilità WCAG.

Sblocca i suggerimenti intelligenti per i colori

Rapporto di contrasto migliorato di 7:1 per il testo normale e di 4,5:1 per il testo grande. Consigliato per un'accessibilità ottimale.

Rapporto di contrasto minimo di 4,5:1 per il testo normale e di 3:1 per il testo grande. Richiesto per la maggior parte dei siti web.

Livelli di conformità WCAG

Le linee guida WCAG assicurano che i tuoi contenuti siano accessibili agli utenti con disabilità visive.

Standard WCAG

Attenzione

Per utilizzare questa funzione devi creare un account GRATUITO su imagecolorpicker. In seguito potrai accedere ad altre funzioni.

Crea una nuova tavolozza

Gestisci le palette e i gradienti salvati

Visualizza e gestisci i gradienti salvati

I tuoi gradienti

Visualizza e gestisci le tue tavolozze di colori salvate

Le tue tavolozze

Cruscotto

Modifica la tua tavolozza

Crea gradienti straordinari con il Gradient Maker di imagecolorpicker.com. Scegli tra gradienti lineari e radiali, aggiungi più colori, ruota il gradiente, salva e condividi le tue creazioni. Scarica direttamente il codice CSS e integra i gradienti nei tuoi progetti.

Modifica il tuo gradiente

Il titolo del gradiente è necessario

Gradient Maker - Crea splendidi gradienti lineari e radiali | imagecolorpicker.com

Gradiente

Genera codici colore, variazioni, armonie e controlla i rapporti di contrasto.

Generatore e selezionatore di codici colore

Crea bellissimi gradienti con facilità: personalizza i colori, le direzioni ed esporta le tue creazioni.

Gestisci e organizza le tue tavolozze di colori preferite.

Visualizza ed esplora questo gradiente condiviso.

Gradiente condiviso

Visualizza ed esplora questa tavolozza condivisa.

Palette condivisa

Abbiamo notato che stai utilizzando un blocco degli annunci. Non c'è problema! Puoi sostenerci con una piccola donazione per mantenere questo strumento gratuito per milioni di utenti. Ogni caffè ci aiuta a mantenere e migliorare il servizio.

Il blocco degli annunci è stato rilevato: sostienici con un caffè!

Usa il selettore colori online per selezionare un colore e ottenere il codice colore HTML del pixel. Otterrai anche il codice HEX e i valori RGB e HSV. In "Usa la tua immagine" puoi caricare un'immagine (ad esempio uno screenshot), incollarla dagli appunti, o inserire l'URL di un'immagine o di un sito web. Vedrai un'anteprima sulla sinistra.

Lascia un file immagine da caricare. Formati supportati: PNG, JPG, JPEG.

Caricamento immagini

Selettore colori: Con questo strumento online puoi caricare un'immagine o fornire l'URL di un sito web e ottenere il colore RGB, il colore HEX e il codice colore HSL. 👍

👍 Selettore colori online | Selettore colori HEX | Selettore colori HTML

Se utilizzi un Mac o un computer con un sistema operativo e un browser aggiornati, puoi utilizzare questa funzione. Abbiamo testato Safari, Edge, Firefox e Chrome. L'aspetto potrebbe differire leggermente.

Puoi utilizzare questa funzione gratuitamente per 3 volte, poi guarda un breve annuncio per altri 3 utilizzi. Il tuo sostegno ci aiuta a mantenere questo strumento gratuito per oltre 3 milioni di utenti in tutto il mondo.

Guarda una pubblicità di 15 secondi per continuare a usarlo gratuitamente

Hai usato questa funzione 3 volte!

Crea un account gratuito per saltare gli annunci in qualsiasi momento

Siamo ancora all'inizio della nostra avventura con il selettore di colori, ci saranno molte altre funzioni in arrivo, ne varrà la pena.

Inserisci il tuo indirizzo e-mail e ti invieremo un link sicuro per accedere.

Il titolo della tavolozza è obbligatorio

Non hai ancora salvato una tavolozza di colori. Salvane una e la troverai qui.

La tavolozza dei colori che è stata condivisa con te non esiste più, probabilmente è stata cancellata dal creatore. Contatta la persona da cui hai ricevuto questo link.

Tavolozza

Il titolo è richiesto

Dai al tuo progetto un nome e una descrizione

Organizza i tuoi colori, le tue tavolozze e i tuoi gradienti in progetti e collezioni.

I miei progetti

Il tuo progetto è stato creato con successo

Organizza le tue risorse di design in progetti

Questo sito web è supportato dalla pubblicità. Hai un ad-blocker. Comprendiamo che tu non voglia vedere annunci. Gestire e mantenere questo sito ha un costo. Apprezziamo molto ogni caffè!

Uno strumento online per selezionare i colori da immagini, siti web e dal tuo schermo. Ottieni istantaneamente i codici colore HEX, RGB e HSL.

Strumento online per estrarre i codici colore (HEX, RGB) da immagini e siti web. 100% gratuito.

Persone fantastiche che di recente ci hanno offerto un caffè. Grazie per il vostro supporto!

ImageColorPicker.com

Contattaci