Générer une palette
  1. Palettes de couleurs
  2. Interaction interface design ui palette

Interaction interface design ui palette

  • Royal Orange
    #ec9c3d
  • Mellow Apricot
    #f0bc6f
  • Space Cadet
    #163959
  • Dark Lavender
    #745995
  • Pastel Blue
    #b5ccd6
  • Police Blue
    #3b5765
  0.13k
Créé le 02/22/2022 11:47
parcolorswall
La palette se compose de Clair, Semi foncé couleurs. Couleurs d'accent Royal Orange #ec9c3d et Space Cadet #163959. La palette a une température de couleur Chaud, Froid.

En luminosité, cette palette va de #163959 (plus sombre) à #B5CCD6 (plus clair). L’écart de luminosité est modéré.

Saturation mixte — 2 teintes atténuées et 3 vives sur 6 couleurs.

Certaines couleurs sont presque opposées sur le cercle chromatique, ce qui donne à la palette un contraste complémentaire.

La température globale penche vers le froid (4 sur 6).

Codes HEX (triés) : #163959, #3B5765, #745995, #B5CCD6, #EC9C3D, #F0BC6F

La palette Interaction interface design ui palette combine 6 codes couleur:
HEX: #ec9c3d, RVB: (236, 156, 61); HEX: #f0bc6f, RVB: (240, 188, 111); HEX: #163959, RVB: (22, 57, 89)
HEX: #745995, RVB: (116, 89, 149); HEX: #b5ccd6, RVB: (181, 204, 214); HEX: #3b5765, RVB: (59, 87, 101)
Version simplifiée des couleurs de la palette
Nuance de Brun sable, Teinte de Bois dur, Nuance de Bleu ardoise foncé, Nuance de Bleu ardoise, Nuance de Bleu clair, Teinte de Gris ardoise foncé
Le jeu de couleurs a été créé par colorswall

Codes couleurs dans la palette

Interaction interface design ui palette codes de couleur HEX, informations RVB dans le tableau

Couleur HEX RVB Nom Autre nom
#ec9c3d #ec9c3d RVB(236, 156, 61)Royal Orange—
#f0bc6f #f0bc6f RVB(240, 188, 111)Mellow Apricot—
#163959 #163959 RVB(22, 57, 89)Space Cadet—
#745995 #745995 RVB(116, 89, 149)Dark Lavender—
#b5ccd6 #b5ccd6 RVB(181, 204, 214)Pastel Blue—
#3b5765 #3b5765 RVB(59, 87, 101)Police Blue—

Contraste de la palette de couleurs

5 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
#ec9c3d
#f0bc6f
1.29
#ec9c3d
#b5ccd6
1.33
#f0bc6f
#b5ccd6
1.03
#163959
#3b5765
1.55
#745995
#3b5765
1.31

Palette d'images Interaction interface design ui palette png

Interaction interface design ui palette: Royal Orange, Mellow Apricot, Space Cadet, Dark Lavender, Pastel Blue, Police Blue
 Télécharger l'image