Acerca de Selector de color
Selecciona un color y obtén al instante sus equivalentes HEX, RGB y HSL, junto con una paleta armoniosa.
Cómo usar Selector de color
- 1Usa el selector de color para elegir un tono, o haz clic en "Aleatorio" para inspirarte.
- 2Los valores HEX, RGB y HSL aparecen automáticamente — copia el que necesites.
- 3La paleta generada ofrece 5 variantes de brillo basadas en tu color base.
- 4Starter+: exporta la paleta como Variables CSS o configuración Tailwind CSS con un clic.
Consejos
- Usa la paleta para crear estados hover/active consistentes: elige un tono más oscuro o más claro.
- HSL es el formato más intuitivo para ajustar el brillo sin cambiar el tono.
- La exportación a Tailwind genera claves directamente compatibles con tu archivo tailwind.config.js.
Herramientas relacionadas
Equipo OneKitToolsActualizado 2.21.4