¿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?
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.
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.
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.
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
Related Tools
Color Contrast Checker
Check the contrast ratio between a text color and its background against WCAG 2.2 AA and AAA thresholds, with a live preview and one-click accessible-color suggestions.
Color Converter
Convert color codes between HEX, RGB, HSL, HWB, and CMYK instantly
Color Mixer
Blend two colors with adjustable ratio and blend modes, and build a gradient between them
Color Palette Generator
Generate harmonious color palettes from any base color - shades and tints, complementary, analogous, triadic, and monochromatic - with HEX codes you can copy and a CSS variables export.
Comments
0 comments
No comments yet. Be the first to share your thoughts!