Design et CSS

Transformez un extrait de code en image avec coloration syntaxique dans votre navigateur, avec plus de 20 langages, des thèmes et fonds personnalisés, des numéros de ligne et un export PNG ou SVG.

Vérifiez le contraste WCAG 2.1 et le score APCA Lc entre texte et fond, voyez les badges AA, AAA et 3:1 et appliquez la couleur conforme la plus proche.

Mélangez deux couleurs HEX selon le ratio de votre choix, dans l'espace RGB ou Lab, et obtenez la couleur intermédiaire sous forme d'échantillon et de valeur HEX copiable.

Transformez une couleur HEX de base en une échelle OKLCH, HSL ou RGB avec paliers réglables, indications de contraste WCAG par palier et export CSS, Tailwind et JSON.

Importez une image et prévisualisez son rendu en cas de protanopie, deutéranopie, tritanopie ou de daltonisme total, puis téléchargez le résultat simulé.

Ajustez les huit valeurs d'angle de border-radius, y compris les rayons horizontaux et verticaux elliptiques, pour voir un aperçu en direct de la boîte et copier le CSS abrégé.

Créez des ombres CSS box-shadow multicouches avec des réglages de décalage, de flou, d'étalement, de couleur et d'inset, visualisez un aperçu en direct et copiez la propriété prête à l'emploi.

Transformez une taille de police minimale et maximale ainsi qu'une largeur de viewport minimale et maximale en une seule expression CSS clamp() de typographie fluide sans points de rupture.

Crée un clip-path CSS à partir de presets cercle, ellipse, polygone, inset ou inset arrondi avec des champs numériques, prévisualise-le en direct et copie la propriété prête à l'emploi.

Modifiez une accélération CSS cubic-bezier ou steps() en glissant les poignées, prévisualisez-la avec une animation en direct et copiez la valeur.

Construisez du CSS Flexbox ou Grid visuellement avec des réglages de conteneur et par élément, un dimensionnement de pistes personnalisé et un éditeur grid-template-areas, puis copiez le CSS.

Générez du CSS verre dépoli avec des réglages de flou, transparence, saturation, bordure et ombre, plus une couleur de teinte, prévisualisez-le sur un fond et copiez le CSS basé sur backdrop-filter.