Chromo

Con Chromo puedes aprender más sobre el mundo de los colores que nunca antes.

#4BA2C2rgb(0, 128, 0)hsl(196, 49%, 53%)
💾 Base de datos

READYTOOLS CHROMO

Un solo color,
mil posibilidades.

Elige un color que te guste y Chromo te mostrará sus parejas perfectas, sus matices más bellos y cómo luciría en la vida real. Se acabaron las adivinanzas: solo pura inspiración y paletas espectaculares.

#88FFCC

A State of Mint

Base de datos ReadyTools (Exacto)


Nombre alternativo

Aquamarine

~98% match

RGB

136, 255, 204

HSL

154°, 100%, 77%

CMYK

47, 0, 20, 0

LUM

0.85

Cada color tiene un nombre.

No recibes solo un código. Chromo identifica el color en nuestra propia base de datos y busca las mejores coincidencias también en otros sistemas. Así, siempre sabrás si tienes entre manos un 'verde menta' o un 'turquesa'.

Reconocimiento inteligente de nombres

Conversión instantánea de formatos

GENERADOR DE PALETAS

Dile adiós a los colores aburridos.

Creamos infinitas oportunidades a partir de un solo color. Chromo calcula automáticamente las coincidencias matemáticas para que tú solo tengas que elegir las combinaciones más atractivas.

Variaciones

Versiones más oscuras, claras y desaturadas de tu color.

Sombras (Oscurecer)

Tintes (Aclarar)

Tonos (Saturación)

Armonías

Combinaciones perfectas generadas basadas en las reglas del círculo cromático.

#88FFCC

#FF88BB

Complementario

#88FF91

#88FFCC

#88F6FF

Análogo

#88FFCC

#CC88FF

#FFCC88

Triada

#88FFCC

#FF88F6

#FF9188

Complementario dividido


Paletas Inteligentes

Conjuntos listos para usar diseñados para casos específicos, para que puedas empezar a trabajar de inmediato.

UI Moderna y Monocromo

Marketing y Vibrante

Armonioso y Natural

Pop Art y Tendencia

Todos los formatos.

Chromo convierte automáticamente tu color a cualquier estándar de la industria. ¿Web, impresión, apps móviles o investigación científica? El código está listo.

background:

#88FFCC;

color:

black;

Web y CSS

HEX, RGB, HSL, CSS Vars

CMYK READY

Imprenta (Print)

CMYK, Pantone Match

theme.json

{

"primary"

:

"#88FFCC"

"ui_int"

:

0xFF88...

}

Código para Desarrolladores

SwiftUI, Android XML, JSON

L*a*b*

Laboratorio y Física

CIE Lab, XYZ, LCH

RESULTADOS REALES

Mira tu color en acción.

No es solo una paleta. Chromo te muestra al instante cómo se ve el color elegido en interfaces reales, botones y gráficos.

Lectura y Contraste

Mockup de Producto

CARDHOLDER

Componentes de UI

NEWPROBETA

Vista Móvil

Visualización de Datos

REVENUE

+24%

2.4%

ANÁLISIS COMPLETO

No es solo un color. Es una marca completa.

El análisis profundo de Chromo ayuda en la toma de decisiones. Desde la psicología hasta la implementación técnica, lo obtienes todo con un solo clic.

Aa

FONT PAIRING

Playfair

+ Inter

Combinación de Fuentes Profesional

El sistema recomienda automáticamente fuentes de Google Fonts que encajan con la personalidad de tu color. Ya sea un estilo sans-serif moderno o una elegante serif, tu tipografía estará en armonía con tu paleta.

🌿

Vibe Check

FRESHTRUSTCALM

Psicología del Color y Mood

¡Descubre qué comunica tu color! Obtén un análisis de los efectos emocionales (ej. confianza, calma) y sugerencias sobre en qué industrias (ej. finanzas, tecnología) funciona mejor.

CONTRAST

12.5

AAA Pass

Small Text

Accesibilidad WCAG

No corras riesgos. Chromo verifica los niveles de contraste (AA, AAA) tanto en fondos blancos como negros para asegurar que tu texto sea legible para todos.

Aurora Mesh

CSS Output Ready

Generador de Degradados CSS

Creamos transiciones de color impresionantes y fondos de tipo 'Mesh Gradient' a partir de tu color base. Copia el código CSS listo para usar en tu web.

SYSTEM MATCH

Tailwind

emerald-400

Material

Green A200

Coincidencia con Tailwind y Material

Integra el color en tu sistema actual. Buscamos la coincidencia más cercana en las librerías de Tailwind CSS, Google Material Design y Pantone.

MIXER

50% Cyan + 30% Yellow + 20% White

Mezcla Física de Pinturas

Si vas a la imprenta o quieres pintar: te mostramos la composición CMYK y las proporciones de mezcla de pigmentos físicos (modelo RYB).

Empieza a usar Chromo

Solo elige un color y nosotros te entregamos el sistema de diseño completo.