Genera tavolozza
  1. Tavolozze di colori
  2. Light Mode UX Studio Board

Light Mode UX Studio Board

  • Whitespace Rose
    #fdf0f0
  • Layer Cream
    #f7f2ec
  • Cursor Coral
    #ff6f61
  • Scroll Mint
    #c1ffd7
  • Sticky Note Yellow
    #fff89c
  • Wire Indigo
    #b9b4f2
  21
Creato il 06/26/2025 08:29
dicoolor
La tavolozza è composta da Chiaro colori. Colori d'accento Sticky Note Yellow #fff89c e Wire Indigo #b9b4f2. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.

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

La saturazione complessiva risulta vivida (croma alto) — il 83% dei colori è vivido.

Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.

Note calde e fredde sono abbastanza bilanciate (2 calde, 2 fredde).

Codici HEX (ordinati): #B9B4F2, #C1FFD7, #F7F2EC, #FDF0F0, #FF6F61, #FFF89C

La tavolozza Light Mode UX Studio Board combina 6 codici colore:
HEX: #fdf0f0, RGB: (253, 240, 240); HEX: #f7f2ec, RGB: (247, 242, 236); HEX: #ff6f61, RGB: (255, 111, 97)
HEX: #c1ffd7, RGB: (193, 255, 215); HEX: #fff89c, RGB: (255, 248, 156); HEX: #b9b4f2, RGB: (185, 180, 242)
Versione semplificata della tavolozza dei colori
Sfumatura di Neve, Sfumatura di Conchiglia, Sfumatura di Salmone, Tinta di Acquamarina, Tinta di Cachi, Sfumatura di Blu acciaio chiaro
La combinazione di colori è stata creata da coolor

Codici colori nella tavolozza

Light Mode UX Studio Board codici colore HEX, informazioni RGB in tabella

Colore HEX RGB Nome Nome alternativo
#fdf0f0 #fdf0f0 RGB(253, 240, 240)Whitespace Rose—
#f7f2ec #f7f2ec RGB(247, 242, 236)Layer Cream—
#ff6f61 #ff6f61 RGB(255, 111, 97)Cursor CoralLiving Coral
#c1ffd7 #c1ffd7 RGB(193, 255, 215)Scroll Mint—
#fff89c #fff89c RGB(255, 248, 156)Sticky Note Yellow—
#b9b4f2 #b9b4f2 RGB(185, 180, 242)Wire Indigo—

Contrasto della palette di colori

11 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
#fdf0f0
#f7f2ec
1
#fdf0f0
#c1ffd7
1.01
#fdf0f0
#fff89c
1.01
#fdf0f0
#b9b4f2
1.73
#f7f2ec
#c1ffd7
1.01
#f7f2ec
#fff89c
1.01

Tavolozza immagini Light Mode UX Studio Board png

Light Mode UX Studio Board tavolozza dei colori: Whitespace Rose, Layer Cream, Cursor Coral, Scroll Mint, Sticky Note Yellow
 Scarica l'immagine