Si trabajas con diseño, redes o páginas web, verás los colores escritos de varias formas. Son maneras distintas de nombrar lo mismo.
Los tres formatos
- HEX, como
#E4007C: es el más común en diseño web. Son tres pares de dígitos: rojo, verde y azul. - RGB, como
rgb(228, 0, 124): la cantidad de rojo, verde y azul, de 0 a 255. - HSL, como
hsl(330, 100%, 45%): tono, saturación y luminosidad. Es útil para crear variaciones, por ejemplo un tono más claro.
Con el Convertidor de colores escribes un color en cualquiera de ellos, o lo eliges con el selector, y obtienes los otros dos al instante, con botones para copiar. Acepta HEX de 3 dígitos: #F0A equivale a #FF00AA.
Sacar colores de una imagen
¿Tienes un logo o una foto de referencia? Paleta de colores de una imagen agrupa los tonos principales y te da su HEX. Toca un color para copiarlo o copia todos como variables CSS. Es una aproximación: se agrupan colores parecidos.
Aplicaciones prácticas
- Crear un favicon a partir de tu logo.
- Convertir un SVG a PNG con el tamaño que necesites.
- Dejar un logo sin fondo con Quitar fondo de color sólido.
Consejos de accesibilidad
Procura buen contraste entre el texto y el fondo, y no dependas solo del color para comunicar algo. Un texto gris claro sobre blanco puede ser ilegible para mucha gente.