Centro Global de Herramientas
Idioma actual: Spanish

HTML Color Picker

Elige un color, míralo en vivo y copia sus valores HEX, RGB o HSL en un clic.

Cómo usarlo

  1. Selecciona un color con el selector.
  2. (Opcional) Escribe un código HEX manualmente.
  3. Copia HEX, RGB o HSL con un clic.

Vista previa en vivo

Color seleccionado: #3B82F6

HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

Guía rápida de HTML Color Picker

Elige colores rápido, compara formatos y avanza a guías prácticas para tomar mejores decisiones de color.

Cuándo usar esta herramienta

  • Cuando necesitas un valor de color exacto para CSS o tokens.
  • Cuando el equipo comparte colores en HEX, RGB y HSL mezclados.
  • Cuando quieres probar una idea de color UI antes de abrir tu diseño.

Pasos rápidos

  1. Elige un color con el selector o escribe un HEX.
  2. Confirma el resultado en la vista previa en vivo.
  3. Copia HEX, RGB o HSL según el flujo donde lo usarás.

Errores comunes

  • Copiar un valor sin validar si el formato es el correcto.
  • Usar colores demasiado parecidos para estados de UI.
  • Guardar solo el color base y olvidar variantes para hover o fondo oscuro.

Guías relacionadas de HTML Color Picker

Consulta guías breves para elegir, comparar y validar colores web con más confianza.