CSS tiene varios métodos para especificar un color. En primer lugar, palabras clave como red, black o white. Sin embargo, si queremos un color con una tonalidad más concreta o específica, debemos optar por utilizar otro método de los 3 disponibles:

  • RGB (rojo, verde y azul) ó RGBA (rojo, verde, azul y alfa)
  • RGB abreviado (hexadecimal)
  • HSL (matiz de color, saturación y luminosidad) o HSLA (matiz de color, saturación, luminosidad y alfa)

En esta página tienes varios controles para modificar los valores de estos sistemas de colores y ver su equivalencia en cada uno de los otros sistemas. A medida que vas cambiando un valor, puedes ver como va cambiando en los demás métodos a tiempo real, como lo haría un conversor RGB2HSL, HSL2RGB o RGB2HEX.

ColorPicker

Color RGB

Color Hex

Color HSL