Qolor
1
Elegir
Colores
Buscar colores por nombre
Paletas
Paletas de colores curadas para tu próximo proyecto.
2
Crear
Crear paleta
Crea paletas personalizadas — elige colores, etiqueta y comparte.
Paletas desde color
Sugerencias de paletas instantáneas desde un color base.
Armonía de color
Explora armonías de color complementarias, triádicas y más.
Desde Imagen
Obtener colores de una foto
3
Visualizar
Visualizador
Previsualiza tu paleta en maquetas de diseño reales.
Componentes
Previsualice elementos UI atómicos como botones, campos de entrada y badges con su paleta.
Gráficos
Vea su paleta aplicada a gráficos de barras, líneas y circulares.
Encabezados
Explore cada combinación de color de fondo y texto para tipografía.
Logos
Pruebe combinaciones de colores de marca para logos y logotipos.
Iconos
Previsualiza tu paleta aplicada a iconos multicolor de Lucide y Heroicons.
Tema DaisyUI
Genera temas DaisyUI completos desde cualquier color base.
Tailwind CSS
Crea y previsualiza escalas de color Tailwind CSS.
Shadcn UI
Previsualice su paleta mapeada a tokens de diseño shadcn/ui.
Material 3
Vea su paleta como tokens de color dinámicos de Material Design 3.
Bootstrap
Previsualice su paleta con estilos de componentes Bootstrap 5.
Maqueta de App
Previsualice sus colores en una maqueta realista de aplicación móvil.
Patrones
Previsualice su paleta en diseños de patrones geométricos y abstractos.
Plantillas
Previsualice su paleta aplicada a diseños de plantillas SVG.
Más
Selector de Color
Elegir y convertir colores
Verificador de Contraste
Pruebas de accesibilidad WCAG
Sim. Daltonismo
Probar deficiencia visual del color
Convertidor
Convierte colores entre HEX, RGB, HSL, CMYK y más.
Generador de Degradados
Crear degradados CSS
Generador de logo
Probar colores en logo e ícono
Mis paletas
Guarda, organiza y asigna tokens de framework a tus paletas.
Seleccionar idioma
EN
English
DE
Deutsch
German
ES
español
Spanish
FR
français
French
ID
Indonesia
Indonesian
IT
italiano
Italian
PT
português
Portuguese
RU
русский
Russian
AR
العربية
Arabic
HI
हिन्दी
Hindi
ZH
中文
Chinese
JA
日本語
Japanese
Cerrar
Sign in
Herramientas
1
Elige un color
Colores
Buscar colores por nombre
Paletas
Paletas de colores curadas para tu próximo proyecto.
2
Crea una paleta
Crear paleta
Crea paletas personalizadas — elige colores, etiqueta y comparte.
Paletas desde color
Sugerencias de paletas instantáneas desde un color base.
Armonía de color
Explora armonías de color complementarias, triádicas y más.
Desde Imagen
Obtener colores de una foto
3
Vélo en acción
Visualizador
Previsualiza tu paleta en maquetas de diseño reales.
Componentes
Previsualice elementos UI atómicos como botones, campos de entrada y badges con su paleta.
Gráficos
Vea su paleta aplicada a gráficos de barras, líneas y circulares.
Encabezados
Explore cada combinación de color de fondo y texto para tipografía.
Logos
Pruebe combinaciones de colores de marca para logos y logotipos.
Iconos
Previsualiza tu paleta aplicada a iconos multicolor de Lucide y Heroicons.
Tema DaisyUI
Genera temas DaisyUI completos desde cualquier color base.
Tailwind CSS
Crea y previsualiza escalas de color Tailwind CSS.
Shadcn UI
Previsualice su paleta mapeada a tokens de diseño shadcn/ui.
Material 3
Vea su paleta como tokens de color dinámicos de Material Design 3.
Bootstrap
Previsualice su paleta con estilos de componentes Bootstrap 5.
Maqueta de App
Previsualice sus colores en una maqueta realista de aplicación móvil.
Patrones
Previsualice su paleta en diseños de patrones geométricos y abstractos.
Plantillas
Previsualice su paleta aplicada a diseños de plantillas SVG.
Más recursos
Selector de Color
Elegir y convertir colores
Verificador de Contraste
Pruebas de accesibilidad WCAG
Sim. Daltonismo
Probar deficiencia visual del color
Convertidor
Convierte colores entre HEX, RGB, HSL, CMYK y más.
Generador de Degradados
Crear degradados CSS
Generador de logo
Probar colores en logo e ícono
Mis paletas
Guarda, organiza y asigna tokens de framework a tus paletas.
Elegir color
Plantillas SVG
Pósters, tarjetas y diseños renderizados en vivo con tus colores
Guardar
Guardar como nueva paleta
Abrir paleta
Mostrar etiquetas
Mezclar
Aleatorio
Todo
Aplicaciones
Tarjetas
Componentes
Gráficos
Degradados
Logotipos
Encabezados
Patrones
Solicitar
Avatars
Solid
Soft
Outline
Surface
Photo
primary
E
E
E
E
secondary
E
E
E
E
tertiary
E
E
E
E
accent
E
E
E
E
surface
E
E
E
E
The Quick Brown
A showcase of your color palette in serif typography
Design is not just
what it looks like.
Design is how
it works.
01
MODERN
Design System Color Preview
2.4k
98%
5.0
COLOR
COLOR
COLOR
Layered typography effect
"
Color is a power which
directly influences
the soul.
Wassily Kandinsky
COLOR IS
EVERY
THING
DES
IGN
lorem
ipsum
ABSTRACT POSTER
MOS
TER
ABSTRACT
and BRIGHT
Hero de página de inicio
Exportar
Descargar SVG
Descargar PNG
Editar paleta
Abrir en Generador de paleta
Próximos pasos
Verificar contraste
Probar conformidad WCAG
Simular CVD
Probar daltonismo
Tarjetas
Componentes
Gráficos
Aplicaciones
Encabezados
Logotipos
Visualizer.icons
Patrones
Plantillas