Creato a 07/23/2021 12:24
  0.21k

Ios ui transition interaction colours

  • #e23b04
  • #f9c449
  • #6f1e14
  • #a1896c
  • #beb3a5
  • #344e60
Loading...
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati #e23b04 e #344e60. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.

Per luminosità, la tavolozza va da #6F1E14 (più scuro) a #BEB3A5 (più chiaro). L’intervallo di luminosità è moderato.

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).

Complessivamente la temperatura tende al caldo.

Codici HEX (ordinati): #344E60, #6F1E14, #A1896C, #BEB3A5, #E23B04, #F9C449

La tavolozza Ios ui transition interaction colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #e23b04, RGB: (226, 59, 4); ESADECIMALE: #f9c449, RGB: (249, 196, 73); ESADECIMALE: #6f1e14, RGB: (111, 30, 20)
ESADECIMALE: #a1896c, RGB: (161, 137, 108); ESADECIMALE: #beb3a5, RGB: (190, 179, 165); ESADECIMALE: #344e60, RGB: (52, 78, 96)
Versione semplificata della tavolozza dei colori
Ombra di Rosso, Ombra di goldenrod, Ombra di Marrone, Tonalità di tan, Ombra di darkgrey, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ios ui transition interaction colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#e23b04 #e23b04 RGB(226, 59, 4)
#f9c449 #f9c449 RGB(249, 196, 73)
#6f1e14 #6f1e14 RGB(111, 30, 20)
#a1896c #a1896c RGB(161, 137, 108)
#beb3a5 #beb3a5 RGB(190, 179, 165)
#344e60 #344e60 RGB(52, 78, 96)

Contrasto della palette di colori

4 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
Colore del testo Colore di sfondo Rapporto di contrasto
#e23b04
#a1896c
1.29
#f9c449
#beb3a5
1.27
#6f1e14
#344e60
1.28
#a1896c
#beb3a5
1.61

Tavolozza immagini Ios ui transition interaction colours png

Loading...
Loading...