Convertisseur de couleurs
Convertissez HEX, RGB et HSL avec transparence, visualisez la couleur et copiez les valeurs CSS.
Générateur de dégradés CSS
Composez un dégradé linéaire ou radial avec deux à huit couleurs et copiez le CSS de l’aperçu.
À propos de cet outil
Pour un fond de page, réglez les zones de transition avec la position des couleurs. L’aperçu et le code utilisent les mêmes valeurs.
Mode d’emploi
Choisissez le type, les couleurs et leurs positions, puis l’angle pour un dégradé linéaire. Ajoutez ou retirez des étapes en observant l’aperçu. Les étapes sont triées par position ; une position commune crée une rupture nette. Positions de 0 à 100 %, angles de -360 à 360 degrés. Le dégradé radial utilise une ellipse centrée.
Questions fréquentes
Comment obtenir une séparation nette entre deux couleurs ?
Placez deux points de couleurs différentes au même pourcentage. Les points sont triés par position. Le téléchargement fournit du CSS, pas une image du dégradé.
Comment choisir le sens du dégradé ?
Les angles linéaires suivent CSS : 0° pointe vers le haut, 90° vers la droite. Le mode radial utilise une ellipse centrée, sans réglage d’angle. Copiez la déclaration background complète dans votre règle CSS.
Outils associés
S’ouvre dans un nouvel onglet
Commentaires
0