Créé à 07/13/2025 17:39
No-Code Builder Interface Colors
- Drag Block Cyan#40e0d0
- Canvas White#ffffff
- Widget Orange#ffa351
- Flow Link Grey#a0a0a0
- Preview Black#1f1f1f
- Template Lavender#cabbe9
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Drag Block Cyan #40e0d0 et Widget Orange #ffa351. La palette a une température de couleur Froid, Neutre, Chaud.
En luminosité, cette palette va de #1F1F1F (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.
Saturation mixte — passages atténués et accents plus vifs.
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
La température globale penche vers le froid.
Codes HEX (triés) : #1F1F1F, #40E0D0, #A0A0A0, #CABBE9, #FFA351, #FFFFFF
La palette No-Code Builder Interface Colors a une combinaison de couleurs de codes 6:
HEX: #40e0d0, RVB: (64, 224, 208); HEX: #ffffff, RVB: (255, 255, 255); HEX: #ffa351, RVB: (255, 163, 81)
HEX: #a0a0a0, RVB: (160, 160, 160); HEX: #1f1f1f, RVB: (31, 31, 31); HEX: #cabbe9, RVB: (202, 187, 233)
Version simplifiée des couleurs de la palette
Blanc, Ombre de sandybrown, Nuance de darkgrey, Ombre de Noir, Nuance de thistle
Le jeu de couleurs a été créé par coolor
Codes couleurs dans la palette
No-Code Builder Interface Colors codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #40e0d0 | #40e0d0 | RVB(64, 224, 208) | Drag Block Cyan | Fresh Turquoise |
| #ffffff | #ffffff | RVB(255, 255, 255) | Canvas White | White |
| #ffa351 | #ffa351 | RVB(255, 163, 81) | Widget Orange | — |
| #a0a0a0 | #a0a0a0 | RVB(160, 160, 160) | Flow Link Grey | — |
| #1f1f1f | #1f1f1f | RVB(31, 31, 31) | Preview Black | Gray12 |
| #cabbe9 | #cabbe9 | RVB(202, 187, 233) | Template Lavender | — |
Contraste de la palette de couleurs
9 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
| Couleur du texte | Couleur de l'arrière plan | Rapport de contraste |
#40e0d0 | #ffffff | 1.64 |
#40e0d0 | #ffa351 | 1.2 |
#40e0d0 | #a0a0a0 | 1.59 |
#40e0d0 | #cabbe9 | 1.08 |
#ffffff | #ffa351 | 1.97 |
#ffffff | #cabbe9 | 1.78 |
Palette d'images No-Code Builder Interface Colors png
Exporter la palette
Téléchargez la "No-Code Builder Interface Colors" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :