Comprobador de contraste de color
Pruebe el texto y los colores de fondo con WCAG 2.2 AA y AAA. Vea la relación de contraste exacta, obtenga una vista previa del tamaño y peso de fuente seleccionados e identifique si el par pasa.
Categoría
Elige colores, comprueba el contraste, genera CSS y optimiza los recursos SVG en tu navegador.
Pruebe el texto y los colores de fondo con WCAG 2.2 AA y AAA. Vea la relación de contraste exacta, obtenga una vista previa del tamaño y peso de fuente seleccionados e identifique si el par pasa.
Crea un código QR estático para una URL, mensaje de texto, correo electrónico, teléfono o red Wi-Fi. Obtenga una vista previa de la carga útil, ajuste los colores y descargue PNG o SVG en su navegador sin registrarse ni iniciar sesión.
Crea degradados lineales, radiales o cónicos con dos a seis paradas de color. Obtenga una vista previa del resultado en vivo, ajuste la dirección u origen relevante y copie CSS listo para usar sin iniciar sesión.
Elige un estilo y obtén combinaciones prácticas de fuentes para encabezados, cuerpos y acentos con fragmentos de CSS.
Crea un favicon simple a partir de una letra o emoji, ajusta los colores, las esquinas y exporta el tamaño, luego descarga un PNG o SVG para tu sitio web sin registrarte ni iniciar sesión.
Crea CSS degradados con colores, ángulos y tipos de degradado personalizados.
Crea conceptos de íconos de aplicaciones a partir de una letra o emoji y exporta archivos PNG o SVG.
Cree paletas de colores prácticas a partir de un color base y copie variables HEX, RGB, HSL o CSS.
Extrae los colores dominantes de una imagen usando el procesamiento canvas del navegador local.
Crea sombras en capas CSS con hasta cuatro capas editables. Ajuste los desplazamientos, el desenfoque, la extensión, el color, la opacidad y el modo de inserción, obtenga una vista previa del resultado y copie el CSS sin iniciar sesión.
Cargue o pegue el marcado SVG, optimícelo localmente con SVGO y compare el código, el tamaño del archivo y el resultado visual antes de descargarlo. No es necesario iniciar sesión ni cargar el servidor.
Elija un color visualmente o ingrese un valor HEX, luego ajuste RGB, HSL y opacidad. Obtenga una vista previa del resultado, compare tonos cercanos y copie el código de color exacto sin iniciar sesión.