devpack
EnglishDeutschFrançaisEspañolPortuguês (Brasil)
Auditoría web

Herramientas de color

Convierte, nombra, mezcla y prueba colores, con soporte para OKLCH y APCA.

localComprobador de contrasteIntroduce un color de texto y de fondo para obtener el ratio de contraste WCAG exacto, si cumple cada…localGenerador de colores de TailwindPega un color de marca y obtén una escala de tonos equilibrada de 11 pasos (del 50 al 950) integrada en…localConversor HEX a RGBAPega un código HEX, arrastra el deslizador de opacidad y copia el CSS exacto que necesitas: rgba()…localVariables CSS a TailwindConvierte tus variables de color :root en un tema de Tailwind de un solo pegado: Tailwind v3 con…localConversor OKLCHExplora el espacio de color OKLCH, perceptualmente uniforme, con deslizadores en vivo, comprueba si un…localBuscador de nombres de colorPega un código HEX para obtener su nombre más cercano, legible para personas, y nombres de token limpios…localMezclador de coloresElige dos colores y un número de pasos para obtener colores de transición mezclados de forma uniforme,…localVerificador de contraste APCACalcula el contraste de luminosidad APCA (Lc) entre el texto y el fondo, consulta para qué usos es…localSimulador de daltonismoSube una captura o un diseño y míralo a través de ocho tipos de deficiencia en la visión del color, uno al…localConversor de coloresPega cualquier color CSS —HEX, rgb(), hsl(), hwb(), oklch() o un nombre como tomato— y obtén al instante…localGenerador de filtros CSSAjusta blur, brillo, contraste, saturación, tono, escala de grises, sepia, invertir y sombra paralela…localExtractor de Paleta de ImagenEncuentra la paleta de colores de cualquier imagen: una foto, un logo, una captura o un diseño. Arrástrala…