Herramientas color y CSS — contraste WCAG, pegado moderno
Herramientas de color para desarrolladores que se ejecutan en el navegador. Comprueba el contraste WCAG 2.2 de un par o de una matriz N×N con la sintaxis de color de CSS moderna. No se sube nada. ¿Quieres minificar el CSS de un tema? Mira Minificar CSS y Embellecer CSS.
- Pega dos colores y lee los resultados AA, AAA y no texto 3:1 sin pasos extra.
- Audita una paleta de tokens en una matriz con cabecera fija y filtro de conformidad.
- Comparte una URL que restaura tus colores y opciones. Es independiente de los botones para compartir en redes.
Comprobador de contraste WCAG
Contraste WCAG 2.2 de un par o una matriz. Pega valores OKLCH y color(), añade la capa APCA beta si quieres y comparte el resultado por URL.
Conversor de colores
Pega un color CSS y obtén HEX, RGB(A), HSL(A), HWB, LAB, LCH, OKLAB, OKLCH y color() juntos, con alfa y gamut incluidos.
Conversor PX / REM / EM
Pega una longitud en px, rem o em y ve las tres unidades a la vez, más una tabla de referencia en vivo de valores px comunes.
Generador de tonos y tintes de color
Pega un color y obtén escalas de tintes y sombras hacia el blanco y el negro, con pasos ajustables y salida en HEX, RGB o HSL.
Generador CSS border-radius
Pega un border-radius de CSS, ajusta las esquinas de forma visual y copia el CSS o Tailwind. Admite la sintaxis elíptica con barra y una URL compartible.
Generador CSS box-shadow
Pega un box-shadow de CSS, apila capas de forma visual y copia CSS, Tailwind o Bootstrap. Admite inset, varias capas y una URL compartible.
