Creador de paletas
Pulsa Espacio para una paleta nueva y bloquea los colores que quieras conservar, como en los sitios de paletas; o parte de un solo color y crea sus armonías, o una escala del 50 al 950 al estilo de Tailwind con tu color exactamente en su paso. Suelta una foto y se encuentran sus colores principales, con la proporción de la imagen que cubre cada uno.
Qué hace
- De dos a diez colores; Espacio para un conjunto nuevo; bloqueos, y un color nuevo nunca es una copia cercana de uno conservado.
- Armonías a partir de un color base: análogo, monocromático, complementario, complementario dividido, triádico, tetrádico y cuadrado.
- Una escala del 50 al 950 con la forma de la de Tailwind, con tu color sin cambios en el paso que le corresponde.
- Los colores principales de una imagen, encontrados por agrupamiento, con la proporción de cada uno.
- Cualquier muestra se edita con un color CSS y se reordena arrastrando o con el teclado; cincuenta pasos de Deshacer y Rehacer.
- La paleta como la ve quien tiene protanopía, deuteranopía, tritanopía o no ve color, y texto negro o blanco para cada muestra.
- Exportar como variables CSS, bloque Tailwind 4 (@theme), configuración de Tailwind 3, variables SCSS, JSON, lista simple, muestras SVG o PNG.
- Colores escritos en HEX, RGB, HSL u OKLCH.
Cómo se usa
- Pulsa Espacio, pega un color base o suelta una foto.
- Bloquea lo que te guste, y edita o reordena el resto.
- Revisa las vistas de visión del color y el color de texto que necesita cada muestra.
- Exporta en el formato que use tu proyecto.
Qué no hace
- Exportar a ASE y a PDF: ASE es un formato binario de Adobe que pocos piden, y una biblioteca de PDF es mucho peso para cargar por una página de muestras.
- Compartir por enlace y colecciones guardadas: aquí no hay cuentas donde conservarlas.
Preguntas
¿Cómo se construye la escala?
En OKLCH, con pasos de luminosidad con la forma de los de Tailwind. Tu color queda sin cambios en el paso cuya luminosidad coincide con la suya, y los demás se dibujan a su alrededor.
¿Por qué la paleta de la foto difiere de la de otra herramienta?
Los colores se encuentran aquí con k-means en OKLab, sobre una copia de la imagen reducida a 256 píxeles. Las herramientas que cuentan valores de píxel exactos o agrupan en RGB ponderan los colores de otra manera.
¿Qué muestra la vista de visión del color?
La paleta como la ve alguien con cada tipo de deficiencia de la visión del color, según el modelo de Machado 2009. Dos muestras que se funden ahí son dos que nadie debería tener que distinguir.
¿Qué exportación es para Tailwind 4?
La de Tailwind 4 (@theme): pégala en tu CSS y cada color se convierte en una clase de utilidad.
Todo lo de aquí funciona en tu navegador. Nada de lo que escribes, pegas o abres se sube, y no hay cuenta ni cola. Cómo funciona.
Todas las herramientasAcerca de utilbrewPrivacidad