Creato a 06/19/2025 20:31
Web Component UI Lab
Element Chrome
#b6bcc4
Slot Rose
#f7a1b1
State Azure
#89dcff
Borderline Lilac
#d7c8ff
Focus Mode Black
#1a1b1d
Error Overlay Red
#ff6d6d
La tavolozza è composta da Leggero, Buio colori. Colori accentati State Azure #89dcff e Borderline Lilac #d7c8ff. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza Web Component UI Lab ha una combinazione di colori dei codici 6:
ESADECIMALE: #b6bcc4, RGB: (182, 188, 196); ESADECIMALE: #f7a1b1, RGB: (247, 161, 177); ESADECIMALE: #89dcff, RGB: (137, 220, 255)
ESADECIMALE: #d7c8ff, RGB: (215, 200, 255); ESADECIMALE: #1a1b1d, RGB: (26, 27, 29); ESADECIMALE: #ff6d6d, RGB: (255, 109, 109)
Versione semplificata della tavolozza dei colori
Tonalità di Argento, Tonalità di lightpink, Ombra di skyblue, Ombra di thistle, Ombra di Nero, Tonalità di lightcoral
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Web Component UI Lab codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #b6bcc4 | #b6bcc4 | RGB(182, 188, 196) | Element Chrome | — |
| #f7a1b1 | #f7a1b1 | RGB(247, 161, 177) | Slot Rose | — |
| #89dcff | #89dcff | RGB(137, 220, 255) | State Azure | — |
| #d7c8ff | #d7c8ff | RGB(215, 200, 255) | Borderline Lilac | — |
| #1a1b1d | #1a1b1d | RGB(26, 27, 29) | Focus Mode Black | — |
| #ff6d6d | #ff6d6d | RGB(255, 109, 109) | Error Overlay Red | — |
Contrasto della palette di colori
10 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 |
#b6bcc4 | #f7a1b1 | 1.02 |
#b6bcc4 | #89dcff | 1.25 |
#b6bcc4 | #d7c8ff | 1.23 |
#b6bcc4 | #ff6d6d | 1.43 |
#f7a1b1 | #89dcff | 1.28 |
#f7a1b1 | #d7c8ff | 1.27 |
