Selector de color
HEX#22c55e
RGBrgb(34, 197, 94)
HSLhsl(142, 71%, 45%)
Variable CSS
--color-primary: #22c55e;#d3f8e1
#7ce9a4
#21c45d
#16833e
#072c15
Click a shade to select it
Selector de color
Los diseñadores y desarrolladores front-end cambian constantemente entre distintas notaciones de color: los códigos HEX son el estándar en CSS y herramientas de diseño, los valores RGB corresponden directamente a los píxeles de pantalla, y HSL (tono, saturación, luminosidad) facilita el ajuste de tonos y la creación de paletas armoniosas. Este selector le permite elegir cualquier color visualmente y muestra al instante su equivalente en los tres formatos, cada uno copiable con un clic. Una paleta generada muestra variantes más claras y más oscuras del color seleccionado.