Criado em 08/30/2021 08:26
bootstrap 5 fs site
Secondary
#80888f
Primary
#0166fa
Success
#28a745
Danger
#dc3545
Warning
#ffc107
Info
#17a2b8
Dark-Blue
#5b23fb
Light
#fafafa
Dark
#404951
Light-Purple
#9c27b0
Purple
#7b1fa2
Light-Greean
#a1c620
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Primary #0166fa e Warning #ffc107. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
A paleta bootstrap 5 fs site tem uma combinação de cores de códigos de 12:
HEX: #80888f, RGB: (128, 136, 143); HEX: #0166fa, RGB: (1, 102, 250); HEX: #28a745, RGB: (40, 167, 69)
HEX: #dc3545, RGB: (220, 53, 69); HEX: #ffc107, RGB: (255, 193, 7); HEX: #17a2b8, RGB: (23, 162, 184)
HEX: #5b23fb, RGB: (91, 35, 251); HEX: #fafafa, RGB: (250, 250, 250); HEX: #404951, RGB: (64, 73, 81)
HEX: #9c27b0, RGB: (156, 39, 176); HEX: #7b1fa2, RGB: (123, 31, 162); HEX: #a1c620, RGB: (161, 198, 32)
Versão simplificada das cores da paleta
Sombra de lightslategrey, Matiz de royalblue, Matiz de mediumseagreen, Sombra de crimson, Matiz de gold, Matiz de cadetblue, Sombra de Azul, Sombra de whitesmoke, Sombra de darkslategrey, Matiz de darkorchid, Sombra de darkmagenta, Matiz de Amarelo verde
O esquema de cores foi criado por fsh
Códigos de cores na paleta
bootstrap 5 fs site códigos de cores HEX, informações RGB na tabela
Cor | HEX | RGB | Nome | nome alternativo |
#80888f | RGB(128, 136, 143) | Secondary | — | |
#0166fa | RGB(1, 102, 250) | Primary | — | |
#28a745 | RGB(40, 167, 69) | Success | — | |
#dc3545 | RGB(220, 53, 69) | Danger | — | |
#ffc107 | RGB(255, 193, 7) | Warning | — | |
#17a2b8 | RGB(23, 162, 184) | Info | — | |
#5b23fb | RGB(91, 35, 251) | Dark-Blue | — | |
#fafafa | RGB(250, 250, 250) | Light | Dr. White | |
#404951 | RGB(64, 73, 81) | Dark | — | |
#9c27b0 | RGB(156, 39, 176) | Light-Purple | — | |
#7b1fa2 | RGB(123, 31, 162) | Purple | — | |
#a1c620 | RGB(161, 198, 32) | Light-Greean | — |
Contraste da Paleta de Cores
33 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 |
#80888f | #0166fa | 1.36 |
#80888f | #28a745 | 1.14 |
#80888f | #dc3545 | 1.25 |
#80888f | #17a2b8 | 1.18 |
#80888f | #5b23fb | 1.89 |
#80888f | #9c27b0 | 1.75 |