Command Palette

Search for a command to run...

SE

Selector de color y convertidor

Elija colores y convierta entre formatos hexadecima, RGB y HSL

¿Qué es el selector y convertidor de color?

Color Picker & Converter es una herramienta en línea gratuita que le permite seleccionar colores visualmente y convertir entre formatos de color populares, como Hex, RGB y HSL. Es una utilidad esencial para diseñadores web, desarrolladores, artistas gráficos y cualquier persona que trabaje con colores digitales.

La herramienta proporciona un selector de color interactivo con un selector de espectro, controles de brillo y saturación, y un control deslizante de opacidad. A medida que elige un color, ve al instante el código hexadecimal correspondiente, los valores RGB y los valores HSL, lo que facilita la obtención del formato exacto que necesita para su proyecto.

Más allá de la selección básica de colores, la herramienta también genera paletas de armonía de color complementarias, análogas y de color basadas en el color seleccionado. Esto le ayuda a crear rápidamente esquemas de color cohesivos para sitios web, aplicaciones y proyectos de diseño. Todo el procesamiento se ejecuta en su navegador sin necesidad de instalación.

HEX, RGB y HSL son tres formas de escribir el mismo color sRGB en lugar de tres espacios de color, por lo que convertir entre ellos es exacto y no tiene pérdidas en ambas direcciones. HSL es útil para razonar, porque ajustar la ligereza o la saturación mientras se mantiene el tono mantiene los colores en la misma familia, lo cual es mucho más difícil de hacer editando dígitos hexadecimales. El CSS moderno agrega notaciones que llegan fuera de sRGB, como oklch y display-p3, y pueden describir colores que ningún valor hexadecimal puede mostrar. Todo lo expresado aquí permanece dentro de sRGB, que es el punto en común seguro que puede mostrar cada pantalla. El cuentagotas, donde el navegador proporciona uno, muestra el píxel renderizado en lugar del color de origen, por lo que un valor elegido de una imagen que ha sido escalada o administrada por colores puede diferir ligeramente del archivo original.

¿Cómo usar el selector de color y el convertidor?

  1. Elige un color

    Utilice el selector de color visual para seleccionar un color haciendo clic en el espectro, ajustando el control deslizante de tono o ingresando un valor de color específico en cualquier formato.

  2. Ver valores de color

    Vea el color seleccionado que se muestra en formatos HEX, RGB y HSL simultáneamente. Cada formato se actualiza en tiempo real mientras ajusta el color.

  3. Explorar armonías de colores

    Vea sugerencias de armonía de color complementarias, análogas, triádicas y de color basadas en su color seleccionado para crear paletas cohesivas.

  4. Copiar el código de color

    Haga clic en cualquier formato de color para copiarlo a su portapapeles. Úselo directamente en su CSS, herramienta de diseño o aplicación.

Características clave

  • Soporte del canal Alfa

    Lee y escribe HEX y rgba de 8 dígitos, por lo que un color con transparencia sobrevive a la conversión en lugar de perder su alfa

  • Conversión de formato múltiple

    Convierta instantáneamente entre formatos de color hexadecimal, RGB y HSL con una sola selección de color

  • Selector de colores visuales

    Espectro de color interactivo con controles de tono, saturación y brillo para una selección de color precisa

  • Paletas de armonía de color

    Generar esquemas de color complementarios, análogos, triádicos y divididos de forma automática

Frequently Asked Questions

Divida el código hexadecimal de seis dígitos en tres pares y lea cada par como un número hexadecimal de 0 a 255. En #FF5733, FF es 255 (rojo), 57 es 87 (verde) y 33 es 51 (azul), dando RGB(255, 87, 51). Pegue el código hexadecimal en el selector y los valores RGB y HSL aparecen inmediatamente.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

colorpickerconverterhexrgbhslpalettecomplementaryanalogous