Crea, visualitza i gestiona paletes de colors amb funcions avançades. Genera paletes utilitzant la teoria del color, importa des de diversos formats, verifica el contrast d'accessibilitat i exporta a formats CSS, SCSS, Tailwind, JSON o PNG.
Selecciona entre les pestanyes Plantilles (paletes predefinides), Generador (teoria del color) o Personalitzat (crea la teva pròpia) per començar.
Explora paletes de plantilla per categoria, genera utilitzant esquemes de colors com complementaris o triàdics, o crea paletes personalitzades manualment.
Fes clic a qualsevol color per editar-lo amb el selector de colors, arrossega els colors per reordenar-los o utilitza el botó de barrejar per a noves disposicions.
Utilitza el verificador de contrast per assegurar que les teves combinacions de colors compleixen els estàndards d'accessibilitat WCAG per a la llegibilitat del text.
Exporta la teva paleta final com a variables CSS, SCSS, configuració de Tailwind, dades JSON o imatge PNG per utilitzar-la en els teus projectes.
Tria entre una col·lecció curada de paletes de colors professionals organitzades per categories com natura, modern, vintage i més.
Genera paletes harmonioses utilitzant principis de la teoria del color, inclosos esquemes complementaris, triàdics, anàlegs, monocromàtics i complementaris dividits.
Importa paletes des de variables CSS, SCSS, configuració de Tailwind, JSON o llistes hex. Exporta a qualsevol d'aquests formats, a més d'imatges PNG.
Verificador de contrast WCAG integrat amb indicadors de conformitat AA/AAA per assegurar que les teves combinacions de colors compleixen els estàndards d'accessibilitat.
Fes clic a qualsevol color per editar-lo amb un selector de colors, arrossega per reordenar els colors i ajusta la brillantor amb una previsualització en temps real.
Crea i guarda les teves pròpies paletes de colors personalitzades amb noms personalitzats i combinacions de colors il·limitades.
Un visualitzador de paletes de colors és una eina de disseny que t'ajuda a crear, organitzar i gestionar esquemes de colors per als teus projectes. Combina principis de la teoria del color amb funcions pràctiques com la conversió de formats, la verificació d'accessibilitat i les biblioteques de plantilles per optimitzar el teu flux de treball de disseny i assegurar combinacions de colors professionals i harmonioses.
Genera esquemes de colors científicament equilibrats utilitzant principis provats de la teoria del color per a dissenys visualment atractius.
Exporta directament a variables CSS, SCSS, Tailwind CSS o formats JSON per a una integració perfecta en el teu flux de treball de desenvolupament.
El verificador de contrast WCAG integrat assegura que les teves eleccions de colors compleixen els estàndards d'accessibilitat per a un disseny inclusiu.
Accedeix a centenars de paletes de colors professionalment curades, organitzades per estil i categoria per a una inspiració instantània.
Tot el processament es fa localment al teu navegador: les teves paletes de colors i preferències romanen privades i segures.
Pots importar paletes des de variables CSS (:root), variables SCSS ($color), fitxers de configuració de Tailwind, objectes JSON o llistes simples de colors hexadecimals. S'admeten tant la càrrega de fitxers com enganxar text.
El generador utilitza relacions matemàtiques de colors a la roda cromàtica per crear paletes harmonioses. Tria entre complementaris (colors oposats), triàdics (tres colors uniformement espaiats), anàlegs (colors adjacents) i més.
L'eina segueix les directrius WCAG 2.1, comprovant la conformitat AA (ràtio 4.5:1), AAA (ràtio 7:1) i text gran AA (ràtio 3:1) per assegurar que els teus colors funcionen per a usuaris amb deficiències visuals.
Sí! Fes clic a qualsevol mostra de color per obrir l'editor del selector de colors. També pots arrossegar els colors per reordenar-los o utilitzar el botó de barrejar per reorganitzar la paleta aleatòriament.
Exporta les teves paletes com a propietats personalitzades CSS, variables SCSS, configuració Tailwind CSS, objectes de dades JSON o imatges PNG. Cada format està optimitzat per a diferents fluxos de treball de desenvolupament.
Les paletes de plantilla solen tenir 5 colors, però les paletes personalitzades poden contenir 3 o més colors. L'eina gestiona automàticament diferents mides de paleta i les estén quan cal per a les plantilles.
Exploreu la nostra biblioteca completa de més de 500 colors populars amb nom, organitzats en 20 categories. Busqueu colors per nom o codi HEX, copieu valors a l'instant i exploreu grups de colors, des dels bàsics fins als vintage.
Explora la nostra col·lecció curada de més de 100 degradats de color impressionants. Fes clic a les mostres de degradat per veure colors individuals, copiar codi CSS a l'instant i trobar combinacions de degradat perfectes per als teus dissenys.
Exploreu més de 200 paletes de colors curades professionalment i organitzades per categoria. Copieu colors a l'instant, marqueu paletes com a favorites, exporteu-les com a CSS, JSON, PNG o PDF. Perfecte per a dissenyadors i desenvolupadors.
Comprova les ràtios de contrast de color per a la conformitat amb l'accessibilitat web. Prova combinacions de colors de text i fons segons les directrius WCAG amb previsualització en temps real, avaluacions d'accessibilitat i suggeriments de millora.
Converteix colors CMYK als seus equivalents Pantone més propers utilitzant ciència del color avançada. Explora una col·lecció curada de colors Pantone populars amb comparació de color en temps real i funcionalitat de copiar.
Converteix colors hexadecimals a les coincidències Pantone més properes amb la nostra eina en línia gratuïta. Inclou concordança de colors precisa amb Delta E, permet navegar per més de 40 colors Pantone populars i obtenir comparacions instantànies de colors. Perfecte per a dissenyadors, impressors i professionals del color.