El selector de color de Morph te permite elegir cualquier color visualmente y leer su código en los formatos que realmente usas: HEX (`#3A7BD5`), RGB (`rgb(58, 123, 213)`) y HSL (`hsl(214, 64%, 53%)`). Arrastra sobre el campo de color, ajusta con el control deslizante de matiz y copia el valor directamente en tu CSS, archivo de diseño o donde lo necesites.
Todos los códigos describen el mismo color, son simplemente formas diferentes de escribirlo, y cada uno tiene su uso:
Cambia el color como quieras y los tres códigos permanecen sincronizados, para que puedas usar el que necesite tu proyecto.
Los diseñadores lo usan para definir una paleta y copiar valores exactos en un archivo de diseño o una guía de estilos. Los desarrolladores front-end lo usan para obtener un HEX para un botón o convertir un RGB de un diseñador a HSL para crear un estado de hover. Cualquiera que ajuste un tema, un color de gráfico o una plantilla de correo electrónico puede encontrar el tono preciso y copiarlo en un clic. Como el HSL está al lado del HEX, crear variantes más claras o oscuras de un color base es mucho más fácil que adivinar dígitos hexadecimales.
El selector de color es código puro de navegador — la matemática del color y la interfaz funcionan en tu dispositivo. No hay subida, ninguna cuenta y nada se envía a un servidor. Carga rápido y funciona sin conexión una vez que la página está abierta, porque seleccionar un color y calcular sus códigos nunca necesita conexión a internet.
Al copiar un valor HEX, está listo para pegar en CSS sin cambios. Si necesitas un color con transparencia, convierte a RGB y añade un canal alfa (`rgba(...)`) en tu código. Para crear una paleta coherente, elige un color base y usa el valor HSL de luminosidad para generar tonos y sombras ajustando la luminosidad hacia arriba o abajo manteniendo fijos el matiz y la saturación — esto mantiene un conjunto de colores que se sientan como una familia, no como una colección aleatoria.
Muestra HEX, RGB y HSL para cada color que elijas, todos sincronizados, para que puedas copiar el formato que necesite tu proyecto.
HSL facilita ajustar un color de forma intuitiva — aumenta la luminosidad para un tono claro, disminúyela para una sombra o cambia el matiz — sin adivinar dígitos hexadecimales.
Elige tu color, copia los valores RGB y añade un canal alfa en tu código como rgba(...) para establecer el nivel de transparencia que necesitas.
No. El selector funciona completamente en tu navegador. No hay subida y nada se envía a un servidor — incluso funciona sin conexión una vez cargado.
Elige un color base y usa su valor HSL, luego ajusta la luminosidad hacia arriba o abajo manteniendo fijos el matiz y la saturación para crear tonos y sombras que se sientan como un conjunto.
Abrir Selector de Color - Obtén Códigos HEX, RGB y HSL | Morph →