Creado en 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
La paleta consta de Luz, Oscuro colores. Colores de acento Module Sky #a4d8ff y Sidebar Cream #fff8f2. La paleta tiene temperatura de color Frío, Cálido, Neutral.
Por luminosidad, la paleta va de #1A1A1A (más oscuro) a #FFF8F2 (más claro). El rango de luminosidad es amplio.
La saturación global se siente viva (croma alto).
Algunos pares de matices están cerca de posiciones complementarias — puede leerse como contraste complementario (heurística).
La mayoría de muestras se leen como neutras en temperatura.
Códigos HEX (ordenados): #1A1A1A, #3E3E3E, #A4D8FF, #BFFFB3, #FF9E9D, #FFF8F2
La paleta EdTech Course Builder UI tiene una combinación de colores 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)
Versión simplificada de la paleta de colores
Sombra de lightskyblue, Sombra de lightcoral, Matiz de darkslategrey, Matiz de floralwhite, Sombra de palegreen, Sombra de Negro
El esquema de color fue creado por bad_colors
Códigos de colores en la paleta
EdTech Course Builder UI códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre 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 de la paleta de colores
7 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
| Color de texto | Color de fondo | Relación 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 imágenes EdTech Course Builder UI png
Exportar paleta
Descargue la "EdTech Course Builder UI" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: