Benvingut/da de nou

Trieu quin tipus d'element voleu afegir a aquesta col·lecció

La teva col·lecció s'ha creat correctament

Afegeix una col·lecció per organitzar els teus elements

L'element s'ha afegit correctament a la col·lecció

L'element s'ha eliminat de la col·lecció

Crea la teva primera col·lecció per organitzar els teus colors

Afegeix colors, paletes o degradats a aquesta col·lecció

Visualitza i gestiona els elements de la col·lecció

Tres colors de la mateixa luminància i saturació amb tons adjacents al cercle cromàtic, separats per 30 graus. Transicions suaus.

Color blindness affects approximately 1 in 12 men and 1 in 200 women worldwide. This simulator helps designers, developers, and content creators understand how their color choices appear to people with various forms of color vision deficiency.

By testing your colors through different color blindness simulations, you can ensure your designs are accessible and effective for all users. This tool simulates the most common types of color vision deficiency including Protanopia, Deuteranopia, Tritanopia, and complete color blindness.

Understanding Color Blindness

Utilitza el contrast i els patrons juntament amb el color per transmetre informació.

Dissenya millor

Ceguesa blau-groga (tritanopia)

Codi de color

Verificador de contrast

Comproveu com perceben un color les persones amb diferents tipus de daltonisme per crear dissenys més accessibles. Comprendre la percepció del color ajuda a garantir que el vostre contingut sigui accessible per a tothom.

Creador de gradients

Color alone should never be the only way to convey information. Testing with this simulator helps identify potential issues.

Why It Matters

Crea un compte gratuït per simular com es veuen els colors a les persones amb diferents tipus de daltonisme.

Registra't per accedir al Simulador de Ceguesa

Així és com apareix el color amb la visió cromàtica normal.

Ceguesa vermella-verda (protanopia)

Eines d'accessibilitat relacionades

El 8% dels homes i el 0,5% de les dones tenen algun tipus de deficiència en la visió dels colors.

Impacte

Simulador de ceguesa

daltonisme complet

Acromatòlia

Acromatòpsia

Deuteranomalia

Deuteranopia

Protanomalia

Protanopia

Tritanomalia

Tritanopia

La ceguesa vermell-verda és la més comuna i afecta la manera com es perceben els vermells i els verds.

Tipus

Perfect for UI design, data visualization, branding, and any visual content that relies on color differentiation.

Use Cases

La nostra eina avançada d'anàlisi del color proporciona informació completa sobre les propietats del color, les harmonies i els efectes psicològics. Perfecta per a dissenyadors, desenvolupadors i artistes que busquen comprendre els aspectes tècnics i emocionals del color.

Analitza les harmonies de color, l'impacte psicològic, les especificacions tècniques i les mètriques d'accessibilitat. Pren decisions informades sobre l'ús del color en els teus projectes amb informació basada en dades i aplicacions professionals de la teoria del color.

Comprensió de l'anàlisi del color

Informació professional sobre el color i l'harmonia

Anàlisi completa del color

Analitzeu les propietats del color amb mètriques avançades, com ara la composició espectral, la puresa del color, els efectes de metamerisme i les característiques perceptives. Aquestes eines proporcionen informació detallada sobre el comportament i l'aspecte del color en diferents condicions de visualització.

Essencial per crear identitats de marca cohesionades, garantir l'harmonia del color en els dissenys i mantenir la coherència en els mitjans digitals i impresos. La nostra eina d'anàlisi del color proporciona informació completa per a dissenyadors professionals.

Disseny i marca

Generar esquemes de color complementaris, tríadics i anàlegs basats en les relacions del cercle cromàtic

Harmonies de colors

Crea un compte gratuït per veure anàlisis i mètriques completes del color.

Registra't per accedir a l'anàlisi del color

Comprendre la psicologia del color i l'impacte emocional de les campanyes de màrqueting. Analitzar com els colors influeixen en el comportament dels usuaris i les taxes de conversió en les estratègies de màrqueting digital.

Màrqueting i Psicologia

Accediu a especificacions de color detallades, com ara valors RGB, HSL i LAB i càlculs de luminància

Mètriques tècniques

Generador de paletes

Comprendre com es mostren els colors sota diferents condicions d'il·luminació i per a diversos públics

Percepció visual

Com apareixen els colors a la visió humana, incloent-hi la puresa, la dominància i la brillantor percebuda.

Propietats perceptives

Aplicacions professionals d'anàlisi del color

Explorar les associacions emocionals i psicològiques que influeixen en el comportament i la percepció de l'usuari

Psicologia del color

Eines de color relacionades

Mesures precises del color basades en colorimetria i anàlisi espectral per a aplicacions tècniques.

Anàlisi científica

Anàlisi del color

Analitza els colors per al compliment de l'accessibilitat web, genera codis de color CSS i garanteix una llegibilitat òptima. Perfecte per a desenvolupadors de frontend centrats en l'experiència de l'usuari i les directrius WCAG.

Desenvolupament web

Cada harmonia té el seu propi ambient. Fes servir harmonies per fer una pluja d'idees sobre combinacions de colors que funcionin bé juntes.

Feu servir un color dominant, doneu-hi suport amb un color secundari i accentueu-lo amb moderació.

Assegureu-vos que hi hagi prou contrast per a la llegibilitat i l'accessibilitat.

Els colors han de treballar conjuntament per crear una experiència visual unificada.

Principis de la teoria del color

Un color i el seu oposat al cercle cromàtic, +180 graus de tonalitat. Alt contrast.

Els significats dels colors varien segons les cultures i tenen un significat simbòlic diferent a tot el món.

Cultura

Exploreu les dimensions artístiques i psicològiques dels colors, incloent-hi les associacions estacionals, l'impacte emocional, els esdeveniments naturals, els pigments històrics i les receptes de barreja de colors per a aplicacions creatives.

Crea un compte gratuït per explorar les dimensions creatives i artístiques dels colors.

Registra't per accedir a Aspectes Creatius

Les aparicions naturals dels colors inspiren el disseny i ens connecten amb l'entorn.

Natura

Els colors influeixen en les emocions i el comportament a través d'associacions psicològiques desenvolupades al llarg del temps.

Psicologia

Aspectes creatius

Feu clic a qualsevol color per copiar-ne el valor hexadecimal. S'ha demostrat matemàticament que aquestes combinacions creen harmonia visual.

Les harmonies de colors creen equilibri i evoquen emocions específiques en els teus dissenys.

Obteniu informació útil sobre el color 123456, com ara conversions, combinacions, simulació de ceguesa i molt més.

Selector de color HTML: 123456

Tres colors del mateix to amb valors de luminància de +/-50%. Subtil i refinat.

Colors de terminal, codificació de bytes i formats de dades per a ús en programació.

Desenvolupament

Converteix els colors a formats pràctics per a aplicacions del món real, com ara la simulació d'impressió, les pantalles LED, la sortida de terminals i la codificació de dades. Aquests formats t'ajuden a implementar colors en diferents suports, plataformes i dispositius físics.

Controla les tires LED, la il·luminació RGB i el maquinari de la pantalla amb valors precisos.

Pantalles digitals

Crea un compte gratuït per veure i copiar tots els valors pràctics del format de color.

Registra't per accedir a Formats pràctics

Simula com apareixen els colors quan s'imprimeixen amb tintes CMYK en suports físics.

Impressió i producció

Formats pràctics

Obtén accés instantani a totes les conversions de format de color per als teus projectes.

Accés a tots els formats pràctics

Variacions més fosques creades afegint negre al color base.

Un color i dos adjacents al seu complementari, a +/-30 graus de tonalitat respecte al valor oposat al color principal. Atrevit com un complement directe, però més versàtil.

Exploreu representacions avançades de l'espai de color i models de color professionals que s'utilitzen en la producció de vídeo, la fotografia, les aplicacions científiques i els sistemes de gestió del color. Aquests formats tècnics proporcionen especificacions de color precises per a indústries i aplicacions especialitzades.

Els fluxos de treball professionals requereixen formats de color específics per garantir la coherència entre dispositius i suports.

Estàndards de la indústria

Crea un compte gratuït per veure i copiar tots els valors de format de color tècnic.

Registra't per accedir a Formats Tècnics

Formats tècnics

Obtén accés instantani a més de 10 formats de color professionals amb conversions precises i explicacions detallades.

Desbloqueja tots els formats tècnics

Els diferents espais de color s'optimitzen per a finalitats específiques, des de la reproducció precisa del color fins a la compressió de dades eficient.

Per què utilitzar formats tècnics

Dos conjunts de colors complementaris, separats per 60 graus de tonalitat.

Variacions més clares creades afegint blanc al color base.

Tres colors espaiats uniformement al llarg del cercle cromàtic, cadascun separat per 120 graus de tonalitat. El millor és deixar que un color domini i utilitzar els altres com a accents.

L'objectiu d'aquesta secció és produir amb precisió tints (blanc pur afegit) i matisos (negre pur afegit) del color seleccionat en increments del 10%.

Aquestes variacions formen la base d'una paleta de colors cohesionada. Exporteu-les per mantenir la coherència en tot el projecte.

Feu servir ombres per als estats de punteig i les ombres, i tints per als punts destacats i els fons.

Contacta amb nosaltres

Ajusta els controls lliscants per millorar el contrast del text i facilitar la lectura

Aquest és un text de cos normal. La guineu marró, ràpida, salta per sobre del gos mandrós.

Trieu un color amb el selector de color per al text i el color de fons o introduïu un color en format hexadecimal RGB (p. ex., #259 o #2596BE). Podeu ajustar el control lliscant per seleccionar el color. Les directrius d'accessibilitat de contingut web (WCAG) tenen una directriu específica per ajudar a esbrinar si el text és llegible per als usuaris vidents. Aquest criteri utilitza un algorisme particular per mapejar combinacions de colors en proporcions comparables. Utilitzant aquesta fórmula, WCAG estableix que una relació de contrast de color de 4,5:1 amb el text i el seu fons és adequada per al text normal (cos), i el text gran (18+ pt normal, o 14+ pt en negreta) hauria de tenir almenys 3: Relació de contrast de 1 color.

Proveu les combinacions de colors per assegurar-vos que compleixen els estàndards d'accessibilitat WCAG per a la llegibilitat del text.

Comprovador de contrast de color: amb aquesta eina en línia podeu obtenir detalls sobre la relació de contrast del text i els colors de fons 123456. 

 Comprovador de contrast de color: 123456

Això mostra com es veuen els colors quan s'inverteixen, útil per al mode fosc/clar.

La guineu marró, ràpida, salta per sobre del gos mandrós

Títol de la vista prèvia

Aquest és un text petit per comprovar la llegibilitat.

Aquest és un text petit que encara hauria de ser llegible.

Registra't gratuïtament per accedir a 5 suggeriments de color intel·ligents que mantenen la vitalitat i alhora compleixen els estàndards d'accessibilitat de les WCAG.

Desbloqueja els suggeriments de color intel·ligent

Relació de contrast millorada de 7:1 per a text normal i 4,5:1 per a text gran. Recomanat per a una accessibilitat òptima.

Relació de contrast mínima de 4,5:1 per a text normal i 3:1 per a text gran. Obligatòria per a la majoria de llocs web.

Nivells de compliment de les WCAG

Les directrius de la WCAG garanteixen que el vostre contingut sigui accessible per a usuaris amb discapacitat visual.

Estàndards WCAG

S'ha arribat al nombre màxim de 10 colors

S'ha aconseguit el nombre mínim de 4 colors

Cal atenció

Per utilitzar aquesta funció, heu de crear un compte d'imagecolorpicker GRATIS. Després tindreu accés a més funcions.

Creeu una nova paleta

Gestiona les teves paletes i degradats desats

Visualitza i gestiona els teus degradats desats

Els vostres degradats

Visualitza i gestiona les teves paletes de colors desades

Les teves paletes

Tauler de control

Editeu la vostra paleta

Crea gradients impressionants amb el Creador de degradats d'imagecolorpicker.com. Trieu entre degradats lineals i radials, afegiu diversos colors, gireu el degradat, deseu i compartiu les vostres creacions. Baixeu el codi CSS directament i integreu perfectament els vostres gradients als vostres projectes.

Crea degradats impressionants amb el Creador de degradats d'imagecolorpicker.com. Tria entre degradats lineals i radials, afegeix diversos colors, gira el degradat, desa i comparteix les teves creacions. Descarrega el codi CSS directament i integra perfectament els teus degradats als teus projectes.

Edita el teu degradat

Cal un títol de degradat

Creador de degradats - Crea gradients lineals i radials impressionants | imagecolorpicker.com

Gradient

Genera codis de color, variacions, harmonies i comprova les relacions de contrast.

Generador i selector de codi de color

Crea degradats preciosos amb facilitat: personalitza els colors, les direccions i exporta les teves creacions.

Gestiona i organitza les teves paletes de colors preferides.

Les teves paletes desades

Visualitza i explora aquest gradient compartit.

Gradient compartit

Visualitza i explora aquesta paleta compartida.

Paleta compartida

Hem notat que esteu utilitzant un bloquejador d'anuncis. No passa res! Ens podeu donar suport amb una petita donació per mantenir aquesta eina gratuïta per a milions d'usuaris. Cada cafè ens ajuda a mantenir i millorar el servei.

Bloquejador d'anuncis detectat: en comptes d'això, dóna'ns suport amb un cafè!

Feu servir el selector de color d'imatges en línia que hi ha a sobre per seleccionar un color i obtenir el codi de color HTML d'aquest píxel. També obtindreu el valor del codi de color HEX, el valor RGB i el valor HSV. A "Utilitza la teva imatge", podeu penjar la vostra pròpia imatge (per exemple, una captura de pantalla de l'escriptori), enganxar una imatge del porta-retalls o posar l'URL d'una imatge al quadre de text següent. O bé feu servir l'URL d'un lloc web; veureu una miniatura a l'esquerra.

Deixa anar un fitxer d'imatge per carregar-lo. Formats compatibles: PNG, JPG, JPEG.

Pujada d'imatges

Selector de color: amb aquesta eina en línia podeu carregar una imatge o proporcionar l'URL d'un lloc web i obtenir el codi RGB Color, HEX Color i HSL Color. 👍

👍 Selector de colors en línia | Selector de colors HEX | Selector de colors HTML

Si teniu un Mac o un ordinador amb un sistema operatiu i un navegador actuals, podeu utilitzar la funció. Safari, Edge, Firefox i Chrome hem estat provats per nosaltres. L'aspecte pot variar lleugerament.

Pots utilitzar aquesta funció 3 vegades gratuïtament i després mirar un anunci ràpid per a 3 usos més. El teu suport ens ajuda a mantenir aquesta eina gratuïta per a més de 3 milions d'usuaris a tot el món.

Mira un anunci de 15 segons per continuar utilitzant-lo gratuïtament

Has utilitzat aquesta funció 3 vegades!

Crea un compte gratuït per ometre els anuncis en qualsevol moment

Encara estem al principi del nostre viatge amb el selector de colors, hi haurà moltes més funcions per venir, val la pena.

Introdueix la teva adreça electrònica i t'enviarem un enllaç segur per iniciar la sessió.

Cal el títol de la paleta

Encara no heu desat cap paleta de colors. Deseu-ne un i el trobareu aquí.

La paleta de colors que es va compartir amb vosaltres ja no existeix, probablement la va suprimir el creador. Poseu-vos en contacte amb la persona de qui heu rebut aquest enllaç.

Paleta

Cal un títol

Dóna un nom i una descripció al teu projecte

Organitza els teus colors, paletes i degradats en projectes i col·leccions

Els meus projectes

El vostre projecte s'ha creat correctament

Organitza els teus recursos de disseny en projectes

Aquest lloc web es realitza mitjançant publicitat. Tens un bloquejador. Entenem que no veureu anuncis. Aquest lloc web ens costa diners per executar-lo i mantenir-lo. Estem molt contents de cada cafè!

Una eina en línia per triar colors d'imatges, llocs web i la pantalla. Obtén codis de color HEX, RGB i HSL a l'instant.

Eina en línia per extreure codis de color (HEX, RGB) d'imatges i llocs web. 100% gratuïta.

ImageColorPicker.com

Color Blindness Simulator

Select Color

#ff00ff