Criado em 06/22/2023 12:59
gray-default
#f8f9fa
#f1f3f5
#e9ecef
#dee2e6
#ced4da
#adb5bd
#868e96
#495057
#343a40
#212529
A paleta consiste em cores Luz, Escuro. Cores de destaque #f8f9fa e #f1f3f5. A paleta tem Neutro, Legal temperatura de cores.
A paleta gray-default tem uma combinação de cores de códigos de 10:
HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #f1f3f5, RGB: (241, 243, 245); HEX: #e9ecef, RGB: (233, 236, 239)
HEX: #dee2e6, RGB: (222, 226, 230); HEX: #ced4da, RGB: (206, 212, 218); HEX: #adb5bd, RGB: (173, 181, 189)
HEX: #868e96, RGB: (134, 142, 150); HEX: #495057, RGB: (73, 80, 87); HEX: #343a40, RGB: (52, 58, 64)
HEX: #212529, RGB: (33, 37, 41)
Versão simplificada das cores da paleta
Sombra de whitesmoke, Matiz de whitesmoke, Matiz de whitesmoke, Sombra de gainsboro, Matiz de lightgrey, Sombra de darkgrey, Sombra de lightslategrey, Matiz de dimgrey, Matiz de darkslategrey, Sombra de Preto
O esquema de cores foi criado por Jameson Steiner
Códigos de cores na paleta
gray-default códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | — | — |
| #f1f3f5 | #f1f3f5 | RGB(241, 243, 245) | — | — |
| #e9ecef | #e9ecef | RGB(233, 236, 239) | — | — |
| #dee2e6 | #dee2e6 | RGB(222, 226, 230) | — | — |
| #ced4da | #ced4da | RGB(206, 212, 218) | — | — |
| #adb5bd | #adb5bd | RGB(173, 181, 189) | — | — |
| #868e96 | #868e96 | RGB(134, 142, 150) | — | — |
| #495057 | #495057 | RGB(73, 80, 87) | — | — |
| #343a40 | #343a40 | RGB(52, 58, 64) | — | — |
| #212529 | #212529 | RGB(33, 37, 41) | — | — |
Contraste da Paleta de Cores
19 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#f8f9fa | #f1f3f5 | 1.05 |
#f8f9fa | #e9ecef | 1.12 |
#f8f9fa | #dee2e6 | 1.23 |
#f8f9fa | #ced4da | 1.41 |
#f8f9fa | #adb5bd | 1.96 |
#f1f3f5 | #e9ecef | 1.06 |
