Selector de color
Edita nombres de color CSS, HEX, RGB o HSL y toma muestras de píxeles originales de una imagen local. Usa coordenadas, flechas y ampliación; copia valores con alfa y guarda muestras.
También se conoce comoselector de colores · color picker · selector de color hexadecimal · selector de color de imagen · selector de color RGB · cuentagotas de color
La vista previa se compone sobre blanco. HEX guarda alfa en 8 bits; RGB y HSL conservan el alfa decimal.
#7D9065rgb(125, 144, 101)hsl(86.512 17.551% 48.039%)rgb(49.02% 56.471% 39.608%)0.4902, 0.5647, 0.3961, 1--color: #7D9065;Los nombres usan palabras clave CSS estándar, como red o rebeccapurple.
0 × 0 píxeles originales. Las flechas mueven un píxel; Mayús + flecha mueve diez.
La paleta aproxima una muestra reducida. Se ignoran píxeles transparentes y se componen los demás sobre el fondo. Los porcentajes describen píxeles visibles muestreados; los colores elegidos pueden no sumar 100%.
Tres pasos sencillos.
- Elige un color o abre una imagen local.
- Haz clic en un píxel, usa coordenadas o flechas, o ajusta los canales RGB/HSL.
- Copia el formato que necesites o guarda muestras y expórtalas como CSS o JSON.
Lo que debes saber.
Imágenes de hasta 25 MB, 24 megapíxeles y 12.000 píxeles por lado. Se usa el sRGB decodificado por el navegador; no es una prueba de impresión. El cuentagotas de pantalla depende del navegador y requiere tu acción. Las muestras solo permanecen en la memoria de la página.
Cómo protegemos tu privacidad →Preguntas frecuentes.
¿Por qué no puedo tomar un color de la pantalla?
La API EyeDropper no está disponible en todos los navegadores. Siguen disponibles los controles manuales y las muestras de imágenes locales.
¿Puedo tomar muestras de píxeles transparentes?
Elige un fondo de muestreo o activa conservar alfa para ver la transparencia original. La paleta siempre resume los colores compuestos sobre el fondo elegido.
Búsquedas relacionadasselector de color cuentagotas · selector de color html