Selector de Color
Elige cualquier color y copia sus valores HEX, RGB, HSL y HSV al instante.
100% privado: todo funciona en tu navegador
Publicidad
Cómo usarla
- 1
Haz clic en la zona de color grande para abrir el selector del navegador y elegir un color.
- 2
También puedes escribir un código HEX como #3B82F6 en el campo.
- 3
Copia el valor que necesites — HEX, RGB, HSL o HSV — con un clic.
- 4
Los colores usados recientemente aparecen abajo y se reutilizan con un clic.
Ejemplos
Elegir un azul
Entrada
#3B82F6Salida
HEX #3B82F6 · RGB rgb(59, 130, 246) · HSL hsl(217, 91%, 60%) · HSV hsv(217, 76%, 96%)Notación abreviada de 3 dígitos
Entrada
#F00Salida
HEX #FF0000 · RGB rgb(255, 0, 0) · HSL hsl(0, 100%, 50%)Preguntas frecuentes
¿Qué formatos de color muestra?
Cuatro: HEX, RGB, HSL y HSV. Copia el que necesites con un clic.
¿Para qué sirve el HSV?
El HSV (tono, saturación, valor) es habitual en programas de diseño — permite ajustar la saturación y el brillo por separado.
¿Se guardan los colores elegidos?
No: los colores recientes solo viven en esta página y desaparecen al recargar. No se envía nada a ningún servidor.
Herramientas relacionadas
Conversor de ColoresConvierte entre los formatos HEX, RGB, HSL, HSV y HWB en cualquier dirección.HEX a RGBConvierte códigos HEX a valores RGB al instante — gratis y privado.Generador de Colores CSSConvierte un color base en una escala de 10 tonos y expórtala como variables CSS.RGB a HEXConvierte valores RGB a un código HEX al instante — gratis y privado.Generador de DegradadosCrea degradados CSS lineales y radiales visualmente y copia el código CSS.Comprobador de ContrasteComprueba al instante el ratio de contraste WCAG entre el texto y el fondo.