Criado em 06/17/2025 12:06
EdTech Course Builder UI
- Module Sky#a4d8ff
- Lesson Coral#ff9e9d
- Quiz Slate#3e3e3e
- Sidebar Cream#fff8f2
- Progress Lime#bfffb3
- Title Ink#1a1a1a
A paleta consiste em cores Luz, Escuro. Cores de destaque Module Sky #a4d8ff e Sidebar Cream #fff8f2. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1A1A1A (mais escuro) a #FFF8F2 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
A maioria das amostras lê-se como neutra em temperatura.
Códigos HEX (ordenados): #1A1A1A, #3E3E3E, #A4D8FF, #BFFFB3, #FF9E9D, #FFF8F2
A paleta EdTech Course Builder UI tem uma combinação de cores de códigos de 6:
HEX: #a4d8ff, RGB: (164, 216, 255); HEX: #ff9e9d, RGB: (255, 158, 157); HEX: #3e3e3e, RGB: (62, 62, 62)
HEX: #fff8f2, RGB: (255, 248, 242); HEX: #bfffb3, RGB: (191, 255, 179); HEX: #1a1a1a, RGB: (26, 26, 26)
Versão simplificada das cores da paleta
Sombra de lightskyblue, Sombra de lightcoral, Matiz de darkslategrey, Matiz de floralwhite, Sombra de palegreen, Sombra de Preto
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
EdTech Course Builder UI códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #a4d8ff | #a4d8ff | RGB(164, 216, 255) | Module Sky | — |
| #ff9e9d | #ff9e9d | RGB(255, 158, 157) | Lesson Coral | — |
| #3e3e3e | #3e3e3e | RGB(62, 62, 62) | Quiz Slate | — |
| #fff8f2 | #fff8f2 | RGB(255, 248, 242) | Sidebar Cream | — |
| #bfffb3 | #bfffb3 | RGB(191, 255, 179) | Progress Lime | — |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Title Ink | Gray10 |
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 |
#a4d8ff | #ff9e9d | 1.3 |
#a4d8ff | #fff8f2 | 1.44 |
#a4d8ff | #bfffb3 | 1.31 |
#ff9e9d | #fff8f2 | 1.87 |
#ff9e9d | #bfffb3 | 1.7 |
#3e3e3e | #1a1a1a | 1.62 |
Paleta de imagens EdTech Course Builder UI png
Exportar paleta
Baixe a "EdTech Course Builder UI" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: