Design et CSS

Transformez un extrait de code en une élégante image PNG avec coloration syntaxique directement dans votre navigateur, avec thème, fond dégradé ou transparent et marge intérieure — sans aucun envoi.

Vérifiez le rapport de contraste WCAG entre une couleur HEX de premier plan et une couleur de fond, et voyez s'il satisfait AA et AAA pour le texte normal et le grand texte.

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 de nuances 50-950 façon Tailwind, mélangée vers le blanc et le noir, chaque palier avec un échantillon et un HEX copiable.

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 les quatre points de contrôle d'une courbe d'accélération cubic-bezier CSS, faites glisser les poignées ou saisissez les valeurs, prévisualisez la courbe et copiez la fonction cubic-bezier().

Ajustez les propriétés du conteneur pour Flexbox ou Grid en CSS, observez la mise en page se mettre à jour en direct et copiez le CSS généré.

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.