Outils Conception et couleur

Concevez visuellement des ombres de boîte en couches et copiez du CSS prêt pour la production.

Créez des dégradés linéaires, radiaux et coniques avec plusieurs arrêts de couleur.

Contrôlez chaque coin indépendamment et prévisualisez les formes et les pilules organiques.

Convertissez entre HEX, RGB, HSL et HSV avec des échantillons en direct et des astuces de contraste.

Mesurez les taux de contraste du texte et vérifiez la conformité AA/AAA pour les textes normaux et de grande taille.

Convertissez les pixels en rem et inversement avec une taille de police racine configurable.

Créez visuellement des mises en page flexbox et copiez le CSS.

Créez visuellement des colonnes, des lignes et des espaces de grille CSS réactifs.

Créez des triangles CSS dans n'importe quelle direction avec l'astuce des bordures.

Créez des cartes en verre dépoli avec flou, teinte, bordure et ombre.

Barres de défilement de style avec les propriétés CSS WebKit et Firefox.

Créez une animation d'images clés en fondu et en glissement avec un timing configurable.

Créez des tailles de police clamp() qui s'adaptent en douceur entre les fenêtres.

Combinez visuellement les filtres de flou, de luminosité, de contraste, de saturation et de teinte.

Générez des palettes complémentaires, analogues, triadiques et tétradiques à partir d'une couleur de base.

Créez cinq teintes et cinq nuances à partir de n'importe quelle couleur de base.

Générez des chemins d'onde SVG fluides pour les diviseurs de section et les arrière-plans.

Prévisualisez les associations de polices de titre et de corps à l’aide des polices système.

Copiez les piles de polices système prêtes à l'emploi pour l'interface utilisateur et la prose.

Concevez des ombres de texte en couches et copiez le CSS.