Elige un color
Arrastra en la rueda de color, escribe o pega cualquier código de color, usa el cuentagotas o abre una foto y haz clic en un píxel.
WAVESPEED AI SELECTOR DE COLOR Funciona en tu navegador
100% GRATIS
Selector de color onlineElige, convierte, comprueba y exporta colores.
Elige un color en la rueda, en tu pantalla o en cualquier imagen, y cópialo como HEX, RGB, HSL, HSV, OKLCH o CMYK.
Crea armonías y escalas de tonos, comprueba el contraste del texto, mira cómo lo ven las personas con daltonismo y exporta código listo para pegar.
Elige de cualquier imagenComprobador de contraste integradoCódigo CSS, Tailwind, Swift y Android
Sin registro Sin subir archivos Sin marca de agua
Cargando el selector de color…
Los colores y las imágenes se quedan en tu dispositivo.
TRES PASOS SENCILLOS
Cómo usar el selector de color
Ajusta y copia
Ajústalo con los deslizadores RGB, HSL, HSV, OKLCH o CMYK y copia el valor que necesites con un clic.
Crea y exporta
Crea armonías o una escala de tonos, comprueba el contraste y el daltonismo, y copia o descarga el código para tu proyecto.
CONVIENE SABER
Consejos para elegir colores
Algunos hábitos que hacen las paletas más fáciles de usar y de leer.
Comprueba pronto el contraste del texto
El texto normal necesita al menos 4.5:1 frente a su fondo para WCAG AA, y el texto grande 3:1. El comprobador sugiere el color más cercano que cumple.
Usa OKLCH para escalas uniformes
La luminosidad de OKLCH coincide con lo que ve el ojo, así que una escala hecha en OKLCH avanza de forma uniforme de claro a oscuro sin tonos intermedios apagados.
No confíes solo en el color
El rojo y el verde se parecen para muchas personas. Previsualiza tu paleta en la pestaña de daltonismo y añade etiquetas o iconos donde el significado importe.
Promedia al elegir de fotos
De cerca, las fotos tienen ruido. Una muestra de 3×3 o 5×5 da el color que ves en lugar de un píxel suelto.
Empieza una paleta a partir de una imagen
Abre una foto que te guste y extrae de 5 a 8 colores. K-means encuentra los colores principales; median cut conserva los pequeños acentos.
Aquí el CMYK es una estimación
Los colores de impresión dependen del papel y la máquina. Usa el valor CMYK como punto de partida y compruébalo con el perfil de tu imprenta.
WaveSpeed AI
Convierte tu paleta en imágenes
Genera imágenes y vídeos con los colores de tu marca a partir de un prompt con WaveSpeed AI.
Generador de imágenes
Crea ilustraciones, fondos y fotos de producto con tus colores.
Generador de vídeos
Anima una imagen fija en un clip corto.
Generador 3D
Convierte una imagen en un modelo 3D.
- Más de 1.000 modelos de IA
- Imagen, vídeo y 3D
- Paga por uso
$1 en créditos gratis para cuentas nuevas elegibles. Sin tarjeta. Los generadores tienen requisitos de cuenta y créditos aparte. selector de color: gratis.
/filters:quality(82)/media/images/1791123751656780930_IfFPY7R0.webp){kind=small}
/filters:quality(82)/media/images/1791123737177812425_RjKT3cku.webp){kind=small}
/filters:quality(82)/media/images/1791123748309870128_xlkNgK8N.webp){kind=small}
/filters:quality(82)/media/images/1791123738630744263_oR09R0aj.webp){kind=small}
/filters:quality(82)/media/images/1791177033162457776_uQ09OY7g.webp){kind=small}
/filters:quality(82)/media/images/1791123734319125607_JdnwGPY7.webp){kind=small}
/filters:quality(82)/media/images/1791123746355630206_udnxGPY7.webp){kind=small}
/filters:quality(82)/media/images/1791123744771362580_yC0sPezZ.webp){kind=small}
/filters:quality(82)/media/images/1791123738606970169_5KIR1ais.webp){kind=small}
/filters:quality(82)/media/images/1791123748197655725_EUmuFNW6.webp){kind=small}
Preguntas frecuentes sobre el selector de color
¿Cómo tomo un color de una imagen?
Abre la pestaña Imagen, elige una foto o captura (o pégala) y haz clic o toca cualquier píxel. Una lupa muestra exactamente en qué píxel estás, y puedes promediar una zona de 3×3 a 11×11. La imagen se lee en tu navegador y se queda en tu dispositivo.
¿Puedo tomar un color de cualquier parte de mi pantalla?
Sí, en los navegadores compatibles con el cuentagotas (Chrome, Edge y otros navegadores Chromium de escritorio). Haz clic en Cuentagotas y luego en cualquier píxel de tu pantalla, incluso fuera de la ventana del navegador. En otros navegadores, haz una captura de pantalla y pégala en la pestaña Imagen.
¿Cómo convierto HEX a RGB?
Escribe o pega el código HEX en el campo de color y el valor RGB aparece debajo, listo para copiar. Para convertir muchos colores a la vez, pega uno por línea en la pestaña Convertir y elige el formato de salida.
¿Qué formatos de color se admiten?
HEX (3, 4, 6 y 8 dígitos), RGB, HSL, HSV/HSB, HWB, OKLCH, OKLab y CMYK, además de todos los nombres de color de CSS. Puedes pegar valores con o sin el nombre de la función, por ejemplo “255, 87, 51”.
¿Qué es OKLCH y por qué usarlo?
OKLCH describe un color por su luminosidad percibida, su croma (intensidad del color) y su tono. Los pasos iguales se ven iguales, así que es ideal para escalas de tonos y paletas coherentes, y el CSS moderno lo admite como oklch().
¿Cómo funciona el comprobador de contraste?
Calcula la relación de contraste WCAG 2 entre el texto y el fondo y muestra si cumple AA y AAA para texto normal y grande y para elementos de interfaz. También muestra el contraste de luminosidad APCA (Lc) del borrador de WCAG 3 y sugiere el color más cercano que cumple.
¿Cómo creo una paleta de colores?
Elige un color base y usa Armonías para esquemas complementarios, triádicos y otros, o Tonos para tintes, sombras y una escala 50–950. También puedes extraer una paleta de una foto. Guarda tus favoritos y expórtalos como código.
¿Puedo exportar colores para Tailwind, SwiftUI o Android?
Sí. La pestaña Exportar escribe tu paleta como variables CSS, SCSS, @theme de Tailwind v4 o una configuración v3, SwiftUI, UIKit, colors.xml de Android, Jetpack Compose, JSON, una paleta de GIMP o una lista de hex simple. Cópialo o descarga el archivo.
¿Este selector de color es gratis?
Sí. Es gratis, sin registro, sin límites y sin marca de agua, y todo funciona en tu navegador.
Más herramientas gratuitas como esta
Todas las herramientas gratis
Elige tu próximo color
Gratis, privado y listo en tu navegador.