Espace de travail pour dégradés CSS

Construisez un dégradé prêt pour une véritable interface.

Choisissez une recette de la source ou réglez vous-même l’échelle mesurée. Chaque couleur reste inspectable, le CSS est déterministe et les résultats de contraste sont présentés comme des échantillons, jamais comme une garantie pour tout l’arrière-plan.

linear-gradient(90deg, #091E3A 0%, #2F80ED 50%, #2D9EE0 100%)

377Recettes uniques
382Lignes source
753Couleurs uniques

Échelle de mélange

Recette actuelle

Recette source sélectionnéeOmolon

Angle de direction

90°

Points de couleur

#091E3A0%

#2F80ED50%

#2D9EE0100%

CSS prêt à copierlinear-gradient(90deg, #091E3A 0%, #2F80ED 50%, #2D9EE0 100%)

Cinq mesures de contraste

Ces échantillons estiment le contraste du texte noir et blanc à des positions fixes de cette interpolation sRGB.

0%#091E3A

Mesure à 0 %

Texte noir: 1,26:1
Texte blanc: 16,69:1

25%#1C4F94

Mesure à 25 %

Texte noir: 2,60:1
Texte blanc: 8,09:1

50%#2F80ED

Mesure à 50 %

Texte noir: 5,43:1
Texte blanc: 3,87:1

75%#2E8FE7

Mesure à 75 %

Texte noir: 6,20:1
Texte blanc: 3,39:1

100%#2D9EE0

Mesure à 100 %

Texte noir: 7,08:1
Texte blanc: 2,97:1

Un rapport échantillonné ne prouve pas que le texte reste lisible en tout point, recadrage, taille, état ou rendu du dégradé. Testez le composant final et placez si possible le contenu essentiel sur une surface stable.

Source communautaire figée

377 recettes normalisées

La source comprend 382 lignes aux noms distincts. Cinq séquences de couleurs apparaissent deux fois ; Hexees conserve donc ces noms comme alias d’une seule recette.

24 recettes affichées sur 377 correspondances · 377 au total

Omolon

#091E3A#2F80ED#2D9EE0

Farhan

#9400D3#4B0082

Purple

#C84E89#F15F79

Ibtesam

#00F5A0#00D9F5

Radioactive Heat

#F7941E#72C6EF#00A651

The Sky And The Sea

#F7941E#004E8F

From Ice To Fire

#72C6EF#004E8F

Blue & Orange

#FD8112#0085CA

Purple Dream

#BF5AE0#A811DA

Blu

#00416A#E4E5E6

Alias de la source Bupe

Summer Breeze

#FBED96#ABECD6

Ver

#FFE000#799F0C

Alias de la source Rea

Ver Black

#F7F8F8#ACBB78

Combi

#00416A#799F0C#FFE000

Anwar

#334D50#CBCAA5

Bluelagoo

#0052D4#4364F7#6FB1FC

Lunada

#5433FF#20BDFF#A5FECB

Reaqua

#799F0C#ACBB78

Mango

#FFE259#FFA751

Windy

#ACB6E5#86FDE8

Royal Blue

#536976#292E49

Royal Blue + Petrol

#BBD2C5#536976#292E49

Copper

#B79891#94716B

Anamnisar

#9796F0#FBC7D4

Ouvrir l’index complet des noms

Les 382 noms de la source sont présents. Sélectionner un nom charge sa recette normalisée dans l’éditeur sans créer une page indexée distincte.

Source et licence

Un instantané uiGradients figé et vérifiable

Hexees utilise le fichier gradients.json exact d’un commit immuable. Les noms et les séquences de couleurs viennent de cette source ; les positions régulières et le CSS sont calculés de façon déterministe par Hexees.

Hexees n’est affilié ni à uiGradients ni à ses contributeurs.

Lignes source: 382
Recettes uniques: 377
Couleurs uniques: 753
Commit figé: afb0184

WCAG

L’aperçu et les rapports échantillonnés aident à repérer les risques évidents, mais la lisibilité dépend de chaque point réellement placé derrière le texte. Un logo, un graphique, une bordure ou un repère de navigation au clavier exige aussi sa propre vérification du contraste non textuel.

Ouvrir le vérificateur de contraste entre deux couleurs