Criado em 06/24/2025 17:32
Accessible Light UI Kit
Background Bone
#fffcf9
Button Coral Pop
#ff8474
Label Charcoal
#2e2f31
Icon Lime
#d9ff7a
Hover Seafoam
#c4f8e4
Border Dust Gray
#d8d8d8
A paleta consiste em cores Luz, Escuro. Cores de destaque Background Bone #fffcf9 e Hover Seafoam #c4f8e4. A paleta tem Neutro, Esquentar, Legal temperatura de cores.
A paleta Accessible Light UI Kit tem uma combinação de cores de códigos de 6:
HEX: #fffcf9, RGB: (255, 252, 249); HEX: #ff8474, RGB: (255, 132, 116); HEX: #2e2f31, RGB: (46, 47, 49)
HEX: #d9ff7a, RGB: (217, 255, 122); HEX: #c4f8e4, RGB: (196, 248, 228); HEX: #d8d8d8, RGB: (216, 216, 216)
Versão simplificada das cores da paleta
Matiz de Branco, Sombra de salmon, Sombra de Preto, Sombra de greenyellow, Sombra de paleturquoise, Sombra de lightgrey
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Accessible Light UI Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #fffcf9 | #fffcf9 | RGB(255, 252, 249) | Background Bone | — |
| #ff8474 | #ff8474 | RGB(255, 132, 116) | Button Coral Pop | — |
| #2e2f31 | #2e2f31 | RGB(46, 47, 49) | Label Charcoal | Black Cat |
| #d9ff7a | #d9ff7a | RGB(217, 255, 122) | Icon Lime | — |
| #c4f8e4 | #c4f8e4 | RGB(196, 248, 228) | Hover Seafoam | — |
| #d8d8d8 | #d8d8d8 | RGB(216, 216, 216) | Border Dust Gray | — |
Contraste da Paleta de Cores
7 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 |
#fffcf9 | #d9ff7a | 1.1 |
#fffcf9 | #c4f8e4 | 1.14 |
#fffcf9 | #d8d8d8 | 1.39 |
#ff8474 | #d8d8d8 | 1.67 |
#d9ff7a | #c4f8e4 | 1.03 |
#d9ff7a | #d8d8d8 | 1.25 |
