Genera tavolozza
Loading...
  1. Tavolozze di colori
  2. Web Component Accessibility Stack
Creato a 07/28/2025 11:05
dibad_colors
  16

Web Component Accessibility Stack

  • Contrast Navy
    #1a1d3f
  • Readable White
    #ffffff
  • Flowchart Blue
    #3a86ff
  • Modal Gray
    #e0e0e0
  • Highlight Magenta
    #ff4ecc
  • Interaction Gold
    #ffd23f
  • UI Fog
    #f9fafb
Loading...
La tavolozza è composta da Buio, Leggero colori. Colori accentati Flowchart Blue #3a86ff e Interaction Gold #ffd23f. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.

Per luminosità, la tavolozza va da #1A1D3F (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.

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).

Note calde e fredde sono abbastanza bilanciate.

Codici HEX (ordinati): #1A1D3F, #3A86FF, #E0E0E0, #F9FAFB, #FF4ECC, #FFD23F, #FFFFFF

La tavolozza Web Component Accessibility Stack ha una combinazione di colori dei codici 7:
ESADECIMALE: #1a1d3f, RGB: (26, 29, 63); ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #3a86ff, RGB: (58, 134, 255)
ESADECIMALE: #e0e0e0, RGB: (224, 224, 224); ESADECIMALE: #ff4ecc, RGB: (255, 78, 204); ESADECIMALE: #ffd23f, RGB: (255, 210, 63)
ESADECIMALE: #f9fafb, RGB: (249, 250, 251)
Versione semplificata della tavolozza dei colori
Tonalità di midnightblue, Bianco, Ombra di dodgerblue, Ombra di gainsboro, Tonalità di hotpink, Ombra di gold, Ombra di whitesmoke
La combinazione di colori è stata creata da bad_colors

Codici colori nella tavolozza

Web Component Accessibility Stack codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#1a1d3f #1a1d3f RGB(26, 29, 63)Contrast Navy—
#ffffff #ffffff RGB(255, 255, 255)Readable WhiteWhite
#3a86ff #3a86ff RGB(58, 134, 255)Flowchart Blue—
#e0e0e0 #e0e0e0 RGB(224, 224, 224)Modal GrayGray88
#ff4ecc #ff4ecc RGB(255, 78, 204)Highlight Magenta—
#ffd23f #ffd23f RGB(255, 210, 63)Interaction Gold—
#f9fafb #f9fafb RGB(249, 250, 251)UI Fog—

Contrasto della palette di colori

7 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
#ffffff
#e0e0e0
1.32
#ffffff
#ffd23f
1.44
#ffffff
#f9fafb
1.04
#3a86ff
#ff4ecc
1.19
#e0e0e0
#ffd23f
1.09
#e0e0e0
#f9fafb
1.26

Tavolozza immagini Web Component Accessibility Stack png

Web Component Accessibility Stack - #556908
 Scarica l'immagine
Loading...
Loading...