Colores de selección y copia HEX, RGB, HSL
Elige colores y consigue valores HEX, RGB, HSL al instante.
Cómo utilizar el Color Picker
Escoge un color
Elija del espectro, escriba un valor HEX, RGB o HSL, o cargue una imagen y haga clic en cualquier píxel para probarla.
Leer cada formato
HEX, RGB y HSL se muestran juntos y permanecen en sincronización a medida que se ajusta.
Copiar lo que necesita
Copia cualquier formato en un clic, o variar la ligereza para construir tintes y tonos.
Sobre el Color Picker
HEX, RGB y HSL describen el mismo color, y cada uno es más fácil para un trabajo diferente. HEX es compacto y es lo que la mayoría de las herramientas de diseño y CSS esperan. RGB mapas a cómo una pantalla emite luz y es lo que necesitas cuando trabajas con datos de tela o imagen. HSL separa el casco de la saturación y ligereza, lo que lo convierte en el único de los tres que puedes ajustar a mano y predecir el resultado.
Esta herramienta muestra a los tres a la vez por cualquier color que aterrices, y copia a cualquiera de ellos con un clic. Puede seleccionar visualmente del espectro, escriba un valor en cualquier formato para convertirlo a los otros, o cargue una imagen y haga clic en un píxel para leer su color exacto, que es la forma más rápida de combinar un color de marca desde un logotipo o captura de pantalla.
La vista HSL es lo que hace que la construcción de una paleta coherente sea práctica. Mantenga el casco y la saturación fijas y varían sólo la ligereza, y usted consigue un conjunto de tintes y tonos que realmente pertenecen juntos, en lugar de las aproximaciones desajustadas que usted consigue de la anulación de valores HEX hasta que se ven bien. Todo funciona en su navegador, incluyendo muestreo de imágenes, por lo que las imágenes que nunca se cargan.
Preguntas frecuentes
- ¿Cuál es la diferencia entre HEX, RGB y HSL?
- Los tres describen el mismo color. HEX es compacto y común en CSS, mapas RGB a cómo las pantallas emiten luz, y HSL es más fácil de ajustar a mano.
- ¿Puedo obtener un color de una imagen?
- Sí. Cargue una imagen y haga clic en cualquier píxel para leer su valor exacto.
- ¿Cómo hago tonos más ligeros o más oscuros?
- Ajuste el canal de ligereza en HSL. Mantener el casco y la saturación fija le da un conjunto consistente de tintes y tonos.