Ir al contenido
patrache.tools

Selector de color

Selecciona un color y copia los valores HEX, RGB y HSL.

HEX#2563EB
RGB
HSL
OKLCH
R
G
B
Paleta
lockLos archivos no se envían a ningún servidor
Compartir
Insertar

Inserta esta herramienta en tu sitio

El selector de color es una herramienta online gratuita que soporta formatos HEX, RGB y HSL.

¿Cómo usar Selector de color?

  1. Selecciona el color deseado del selector de color.
  2. Copia los valores HEX, RGB o HSL.
  3. Anade colores a la paleta como referencia.

Preguntas frecuentes sobre Selector de color

Puedo introducir un codigo de color directamente?

Si, puedes escribir un codigo HEX directamente para seleccionar un color exacto.

¿En qué se diferencian HEX, RGB y HSL, y cuándo uso cada uno?

Las tres escriben el mismo color con distinta notación. HEX, como #FF5733, es corto y se copia bien entre archivos de diseño y CSS; RGB expone directamente los canales rojo, verde y azul, práctico para calcular colores en código. HSL separa tono, saturación y luminosidad, así que es el más intuitivo para crear una variante simplemente más oscura o menos saturada.

¿Por qué el color que elegí en pantalla se ve distinto al imprimirlo?

La pantalla forma el color sumando luz (RGB) y la impresión lo resta superponiendo tinta (CMYK): sus gamas no coinciden. Los verdes, naranjas y cianes casi fluorescentes no tienen equivalente en tinta y salen visiblemente apagados. Si el trabajo va a imprenta, evita colores muy saturados y entrega valores CMYK o un número Pantone en lugar de un HEX.

¿Puedo capturar con el cuentagotas un color de cualquier punto de la pantalla?

En navegadores de escritorio basados en Chromium, como Chrome y Edge, el EyeDropper integrado permite tomar color de cualquier ventana, no solo de la página. Safari, Firefox y los navegadores móviles aún no lo implementan, así que allí no aparece el botón del cuentagotas. En ese caso haz una captura, súbela como imagen y extrae el color de ahí.

¿Cómo aprovechar Selector de color al máximo?

  • Ingresa códigos HEX directamente para encontrar rápidamente colores exactos de tu guía de marca.
  • El modo HSL facilita encontrar colores análogos o complementarios ajustando el valor de Tono.
  • Guarda colores en la paleta para mantener consistencia en todo tu proyecto.

Powered by Patrache Studio Tools

Permite anuncios en este sitio

Para usar estas herramientas, permite los anuncios en este sitio. La publicidad mantiene el servicio gratuito.

Abre tu bloqueador, desactívalo para este sitio y vuelve a comprobar.