-
Notifications
You must be signed in to change notification settings - Fork 2
Color Scheme
Joey Hong edited this page Jul 10, 2020
·
13 revisions
- Yebalja's primary color
#4A91F5
represents trust and liberty. - Yebalja's color scheme follows simple rules on achieving the best secondary and accent colors based on a primary color.
-
Primary:
#4A91F5
-
Secondary:
#F2F8FF
-
Accent:
#4DF0FF
-
Primary:
- These colors are recommended to be applied in a 60%, 30%, 10% ratio
The color picking rule provides variations of secondary and accent colors enriching the color scheme
-
Secondary options
#E6EBF2
-
#F2F8FF
- Yebalja's secondary #DAE4F2
#E5F0FF
-
Accent options
#5C4DFF
#7A4DFF
-
#4DF0FF
- Yebalja's accent #4DFFF0
- Additional Colors are also picked from the gradient stretching from
#89F7FE
to#66A6FF
- Yebalja's primary was selected from this gradient.
- App design in Yebalja's color scheme
- Web page design with colors selected from the gradient (Timeline bar elements)
#4CE0F7
#47C5F4
#45BDF3
#42A7F1
- 예발자의 핵심 색상 primary color 는
#4A91F5
로 신뢰와 자유를 나타냅니다. - 예발자의 색상 테마는 간단한 색조합 규칙을 바탕으로 primary 색상에 가장 어울리는 secondary 와 accent 로 구성되어 있습니다.
-
Primary:
#4A91F5
-
Secondary:
#F2F8FF
-
Accent:
#4DF0FF
-
Primary:
- 해당 조합은 60%, 30%, 10% 의 비율로 사용되는 것이 권장됩니다.
색조합 규칙은 다양한 secondary 와 accent 색상들을 제안하여 더욱 풍부한 색상 테마가 가능합니다.
-
Secondary 색상 후보
#E6EBF2
-
#F2F8FF
- 예발자의 secondary #DAE4F2
#E5F0FF
-
Accent 색상 후보
#5C4DFF
#7A4DFF
-
#4DF0FF
- 예발자의 accent #4DFFF0
- 추가 색상들은
#89F7FE
부터#66A6FF
로 이루어진 그래디언트에서 선택됩니다. - 예발자의 primary 색상 또한 아래 그래디언트에서 선택되었습니다.
- 예발자의 색상 테마가 적용된 앱디자인
- 그래디언트의 색들로 구성된 웹사이트 (타임라인의 항목들)
#4CE0F7
#47C5F4
#45BDF3
#42A7F1