Command Palette

Search for a command to run...

SE

Selector de color y convertidor

Elija colores y convierta entre formatos hexadecima, RGB y HSL

Opacity100%
r
102
g
126
b
234
HEX#667EEA
HEXA#667EEAFF
RGBrgb(102, 126, 234)
RGBArgba(102, 126, 234, 1)
HSLhsl(229, 76%, 66%)
HSLAhsla(229, 76%, 66%, 1)
HWBhwb(229 40% 8%)
LABlab(56% 22 -57)
LCHlch(56% 61.1 291.1)
OKLABoklab(0.63 0 -0.16)
OKLCHoklch(0.63 0.16 270)
#667EEA
Category:color
Mode:Offline
Version:1.0.0
Access:Free

¿Qué es el selector y convertidor de color?

Color Picker & Converter interface on Toolz.dev - Pick colors and convert between HEX, RGB, and HSL formats

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