UUUP Tools

Herramientas de diseño

Conversor de color — HEX, RGB y HSL en línea

Convierte colores entre HEX, RGB, HSL, HWB, CMYK y variables CSS en tu navegador. Incluye un selector de color y un generador de colores aleatorios para entregas de diseño, trabajo con hojas de estilos y alineación de colores de marca.

Cambio rápido→Generador de paletas
ColorHEXRGB
Cambio rápido:Generador de paletasGenerador de degradados CSSArmonizador de color

Añadir esta herramienta a favoritos

No se ha seleccionado un modo de almacenamiento de favoritos.

Acciones rápidas

Volver a Herramientas de diseño Explorar todas las herramientas

Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.

Casos de uso

  • Convierte un color de una herramienta de diseño a formatos listos para CSS
  • Cambia entre HEX, RGB y HSL para coincidir con una guía de estilo
  • Exporta un fragmento de variable CSS para la configuración del tema

Cómo usar

  1. Elige un color o introduce texto HEX, RGB o HSL
  2. Revisa las salidas HEX, RGB, HSL, HWB, CMYK y relacionadas
  3. Haz clic en cualquier fila de salida para copiar su valor

Entrada y salida de ejemplo

Entrada

#0d9488

Salida

rgb(13, 148, 136) / hsl(174, 84%, 32%) / --color: #0d9488;

FAQ

¿Qué formatos de entrada se admiten?

Admite #HEX, texto rgb(), hsl() y el selector de color. La salida incluye HEX, HEX8, RGB, HSL, HWB, CMYK y un ejemplo de variable CSS.

¿Puedo editar la transparencia?

La conversión se centra en colores opacos. HEX8 incluye un canal alfa FF fijo por compatibilidad de visualización y no es un editor de alfa completo.

Herramientas

Herramientas relacionadas

Continúa con otra herramienta traducida para una tarea cercana.

Generador de paletas

Generador de paletas — Conjuntos de color por reglas

Disponible

Genera paletas con reglas monocromáticas, análogas, complementarias, triádicas o totalmente aleatorias. Bloquea muestras individuales y sigue aleatorizando el resto para exploración de interfaz y derivados de colores de marca.

Paleta Color Armonía
Abrir herramienta

Generador de degradados CSS

Generador de degradados CSS — Lineal, radial, cónico

Disponible

Crea visualmente degradados CSS lineales, radiales y cónicos. Ajusta el ángulo y las posiciones de parada, añade varias paradas y copia el CSS para fondos, botones y transiciones de marca.

CSS Degradado Fondo
Abrir herramienta

Armonizador de color

Armonizador de color — Reglas clásicas de armonía

Disponible

Elige un color base y genera esquemas con reglas complementaria, análoga, triádica, tetradítica, complementaria dividida o monocromática. Previsualiza el uso en la interfaz y exporta variables CSS para trabajo de marca y componentes.

Paleta Color Armonía
Abrir herramienta