Color y diseño
Explora colores y genera fragmentos CSS útiles.
Selector y conversor de colorIntroduce o selecciona un color para validarlo y ver sus valores HEX, RGB y HSL.Generador de paletas de colorGenera paletas complementarias, análogas, triádicas o monocromáticas a partir del color elegido.Generador de degradados CSSCrea un degradado CSS lineal o radial editando sus paradas de color, dirección y otros ajustes disponibles.Comprobador de contraste WCAGCompara los colores de texto y fondo para calcular la relación de contraste frente a los umbrales WCAG AA y AAA disponibles.Tonos y matices de colorCrea variantes HEX más claras y más oscuras de un color seleccionado.Extractor de colores de imagenSelecciona una imagen para muestrear y mostrar sus colores representativos localmente en el navegador.Generador de sombra CSSAjusta los desplazamientos, desenfoque, expansión, color, opacidad y modo inset de una sombra, y copia el CSS.Generador de radio de borde CSSConfigura cada esquina por separado, previsualiza la forma y copia el valor CSS de border-radius.Generador de botones CSSConfigura las opciones de estilo disponibles para un botón, previsualízalo y copia el HTML y CSS generados.Simulador de daltonismoPrevisualiza una imagen subida con el filtro de simulación de visión cromática de tipo protanopia de la herramienta.