ColoresBuscar colores por nombre

PaletasPaletas de colores curadas para tu próximo proyecto.

Crear paletaCrea paletas personalizadas — elige colores, etiqueta y comparte.

Paletas desde colorSugerencias de paletas instantáneas desde un color base.

Armonía de colorExplora armonías de color complementarias, triádicas y más.

Desde ImagenObtener colores de una foto

VisualizadorPrevisualiza tu paleta en maquetas de diseño reales.

ComponentesPrevisualice elementos UI atómicos como botones, campos de entrada y badges con su paleta.

GráficosVea su paleta aplicada a gráficos de barras, líneas y circulares.

EncabezadosExplore cada combinación de color de fondo y texto para tipografía.

LogosPruebe combinaciones de colores de marca para logos y logotipos.

IconosPrevisualiza tu paleta aplicada a iconos multicolor de Lucide y Heroicons.

Tema DaisyUIGenera temas DaisyUI completos desde cualquier color base.

Tailwind CSSCrea y previsualiza escalas de color Tailwind CSS.

Shadcn UIPrevisualice su paleta mapeada a tokens de diseño shadcn/ui.

Material 3Vea su paleta como tokens de color dinámicos de Material Design 3.

BootstrapPrevisualice su paleta con estilos de componentes Bootstrap 5.

Maqueta de AppPrevisualice sus colores en una maqueta realista de aplicación móvil.

PatronesPrevisualice su paleta en diseños de patrones geométricos y abstractos.

PlantillasPrevisualice su paleta aplicada a diseños de plantillas SVG.

Selector de ColorElegir y convertir colores

Verificador de ContrastePruebas de accesibilidad WCAG

Sim. DaltonismoProbar deficiencia visual del color

ConvertidorConvierte colores entre HEX, RGB, HSL, CMYK y más.

Generador de DegradadosCrear degradados CSS

Generador de logoProbar colores en logo e ícono

Mis paletasGuarda, organiza y asigna tokens de framework a tus paletas.

Seleccionar idioma

Herramientas

ColoresBuscar colores por nombre

PaletasPaletas de colores curadas para tu próximo proyecto.

Crear paletaCrea paletas personalizadas — elige colores, etiqueta y comparte.

Paletas desde colorSugerencias de paletas instantáneas desde un color base.

Armonía de colorExplora armonías de color complementarias, triádicas y más.

Desde ImagenObtener colores de una foto

VisualizadorPrevisualiza tu paleta en maquetas de diseño reales.

ComponentesPrevisualice elementos UI atómicos como botones, campos de entrada y badges con su paleta.

GráficosVea su paleta aplicada a gráficos de barras, líneas y circulares.

EncabezadosExplore cada combinación de color de fondo y texto para tipografía.

LogosPruebe combinaciones de colores de marca para logos y logotipos.

IconosPrevisualiza tu paleta aplicada a iconos multicolor de Lucide y Heroicons.

Tema DaisyUIGenera temas DaisyUI completos desde cualquier color base.

Tailwind CSSCrea y previsualiza escalas de color Tailwind CSS.

Shadcn UIPrevisualice su paleta mapeada a tokens de diseño shadcn/ui.

Material 3Vea su paleta como tokens de color dinámicos de Material Design 3.

BootstrapPrevisualice su paleta con estilos de componentes Bootstrap 5.

Maqueta de AppPrevisualice sus colores en una maqueta realista de aplicación móvil.

PatronesPrevisualice su paleta en diseños de patrones geométricos y abstractos.

PlantillasPrevisualice su paleta aplicada a diseños de plantillas SVG.

Selector de ColorElegir y convertir colores

Verificador de ContrastePruebas de accesibilidad WCAG

Sim. DaltonismoProbar deficiencia visual del color

ConvertidorConvierte colores entre HEX, RGB, HSL, CMYK y más.

Generador de DegradadosCrear degradados CSS

Generador de logoProbar colores en logo e ícono

Mis paletasGuarda, organiza y asigna tokens de framework a tus paletas.

Herramientas de color avanzadas para diseñadores y desarrolladores. Todo se procesa en tu navegador.

Más información

Elige un color

Colores Paletas

Crea una paleta

Crear paleta Paletas desde color Armonía de color Desde Imagen

Vélo en acción

Visualizador Componentes Gráficos Encabezados Logos Iconos Tema DaisyUI Tailwind CSS Shadcn UI Material 3 Bootstrap Maqueta de App Patrones Plantillas

Más herramientas

Selector de Color Verificador de Contraste Sim. Daltonismo Convertidor Generador de Degradados Generador de logo Mis paletas

Recursos

Acerca de Artículos

Legal

Términos Privacidad Cookies

© 2026 Qolor. Todos los derechos reservados.

Términos Privacidad Cookies

Maquetas de apps

Tus colores en pantallas realistas de apps móviles y de escritorio

11:16

Summary

Your health overview

Avg. sleep duration

7 h 31 m

S

M

T

W

T

F

S

Steps

8,756/ 10,000

86% of goal

Distance

8.7 km/ 14 km

60% of goal

Heart Rate

72 bpm

Editar paletaAbrir en Generador de paleta

Próximos pasos

Verificar contrasteProbar conformidad WCAG

Simular CVDProbar daltonismo

Tarjetas Componentes Gráficos Aplicaciones Encabezados Logotipos Visualizer.icons Patrones Plantillas