Herramientas de color

Comprueba el contraste, genera paletas y tonos, saca colores de una foto y convierte HEX, RGB, HSL y CMYK. Rápido, gratis y en tu navegador.

  • Gratis
  • Sin registro
  • Funciona en tu navegador

Todas las herramientas de esta categoría

Comprobador de contraste de colorComprueba colores de texto y fondo según WCAG y obtén un arreglo que cumple. Sacar el color de una imagenHaz clic en cualquier punto de una foto y obtén su color exacto en hex, RGB y HSL. Ajustar un color accesibleAjusta un color para que cumpla el contraste WCAG sobre un fondo, conservando su tono. Extractor de colores de marcaObtén los colores dominantes de un logo o foto como códigos hex listos para usar. Generador de paletas de colorCrea una paleta de color a juego a partir de un color base, en seis esquemas clásicos. Simulador de daltonismoMira cómo se ve una imagen para alguien con daltonismo, una junto a otra. Vista previa de legibilidad del textoPrevisualiza texto sobre dos colores a varios tamaños y mira qué cumple el contraste WCAG. Comprobar una paleta en escala de grisesComprueba si tu paleta de color sigue funcionando al convertirla a escala de grises. Generador de tonos de colorGenera una escala completa de tintes y matices de 50 a 950 a partir de un color. Nombre del colorEncuentra el nombre de color estándar más cercano a cualquier hex, RGB o HSL. Paleta a códigoConvierte una lista de colores en código CSS, SCSS, Tailwind, JavaScript o JSON.

Qué puedes hacer aquí

El buen trabajo con el color mezcla gusto y aritmética. El gusto decide la paleta; la aritmética decide si el texto se lee, si una persona daltónica distingue dos estados y cuál es el código HEX en RGB o en CMYK. Estas herramientas se encargan de la aritmética para que puedas concentrarte en el gusto.

Saca un color de una imagen, extrae una paleta de marca de un logotipo, genera tonos accesibles, comprueba las relaciones de contraste WCAG y convierte paletas en variables CSS. Como el procesamiento es local, tus logotipos y maquetas no se suben a ningún sitio.

  • Accesibilidad: comprobador de contraste, simulador de daltonismo, ajuste de color accesible y comprobación en escala de grises.
  • Paletas: genera paletas y tonos, extrae colores de una imagen o de un logotipo de marca.
  • Convertir: HEX, RGB, HSL y CMYK, y convierte una paleta en código.
  • Explorar: encuentra el nombre de un color y previsualiza la legibilidad de un texto sobre cualquier fondo.

Preguntas frecuentes

¿Qué relación de contraste necesito?
WCAG AA pide al menos 4,5:1 para texto normal y 3:1 para texto grande; AAA pide 7:1 y 4,5:1. El comprobador de contraste los muestra todos.
¿Puedo sacar colores de una foto?
Sí. Sube una imagen al selector de color o al extractor de paletas; se queda en tu navegador.
¿Cómo convierto HEX a RGB?
Usa el conversor de colores, que muestra juntos HEX, RGB, HSL y CMYK y te permite copiar cualquiera de ellos.
¿Las paletas son accesibles?
El generador sugiere paletas y el comprobador mide el contraste, así que puedes verificar cada pareja de texto y fondo.
¿Guardáis mis imágenes?
No. Los colores se leen en tu navegador y la imagen no se sube nunca.