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.
Tria el teu Mètode
Selecciona entre les pestanyes Plantilles (paletes predefinides), Generador (teoria del color) o Personalitzat (crea la teva pròpia) per començar.
Selecciona o Genera Colors
Explora paletes de plantilla per categoria, genera utilitzant esquemes de colors com complementaris o triàdics, o crea paletes personalitzades manualment.
Edita i Refina
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.
Verifica l'Accessibilitat
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
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.
Biblioteca de Paletes de Plantilla
Tria entre una col·lecció curada de paletes de colors professionals organitzades per categories com natura, modern, vintage i més.
Generador de Teoria del Color
Genera paletes harmonioses utilitzant principis de la teoria del color, inclosos esquemes complementaris, triàdics, anàlegs, monocromàtics i complementaris dividits.
Importació/Exportació Multiformat
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 d'Accessibilitat
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.
Editor de Colors Interactiu
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.
Creació de Paletes Personalitzades
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.
Teoria del Color Professional
Genera esquemes de colors científicament equilibrats utilitzant principis provats de la teoria del color per a dissenys visualment atractius.
Exportacions amigables per a desenvolupadors
Exporta directament a variables CSS, SCSS, Tailwind CSS o formats JSON per a una integració perfecta en el teu flux de treball de desenvolupament.
Compliment de l'Accessibilitat
El verificador de contrast WCAG integrat assegura que les teves eleccions de colors compleixen els estàndards d'accessibilitat per a un disseny inclusiu.
Biblioteca de Plantilles
Accedeix a centenars de paletes de colors professionalment curades, organitzades per estil i categoria per a una inspiració instantània.
Privadesa Total
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.