"머티리얼디자인 색상 클래스"의 두 판 사이의 차이

2017년 7월 14일 (금) 01:57 기준 최신판

material desgin color palette
W3.CSS Color Classes
W3.CSS 색상 클래스

1 주요 6색[ | ]

#

클래스

배경색

한국어명

1

.red

#F44336

빨강

2

.blue

#2196F3

파랑

3

.blue-grey

#607d8b

파란회색

4

.teal

#009688

틸

5

.yellow

#ffeb3b

노랑

6

.orange

#ff9800

주황

2 19색[ | ]

#

클래스

색상

한국어명

1

red

#F44336

빨강

2

pink

#E91E63

분홍색

3

purple

#9C27B0

자주색

4

deep-purple

#673AB7

진자주

5

indigo

#3F51B5

남색

6

blue

#2196F3

파랑

7

light-blue

#03A9F4

밝은파랑

8

cyan

#00BCD4

시안

9

teal

#009688

틸

10

green

#4CAF50

녹색

11

light-green

#8BC34A

밝은녹색

12

lime

#CDDC39

라임색

13

yellow

#FFEB3B

노랑

14

amber

#FFC107

등색

15

orange

#FF9800

주황

16

dark-orange

#FF5722

어두운주황

17

brown

#795548

갈색

18

blue-grey

#607D8B

파란회색

19

grey

#9E9E9E

회색

3 같이 보기[ | ]

4 참고[ | ]

@@ 1번째 줄: / 1번째 줄: @@
+;material desgin color palette
 ;W3.CSS Color Classes
 ;W3.CSS 색상 클래스
-==목록==
+==주요 6색==
 {| class='wikitable'
 ! # !! 클래스 !! 배경색 !! 한국어명
@@ 9번째 줄: / 10번째 줄: @@
 | .red
 | {{색상|#F44336}}
-| 중요
+| [[빨강]]
 |-
 | 2
 | .blue
 | {{색상|#2196F3}}
-| 성공
+| [[파랑]]
 |-
 | 3
 | .blue-grey
 | {{색상|#607d8b}}
-| 정보
+| [[파란회색]]
 |-
 | 4
 | .teal
-| {{색상|##009688}}
+| {{색상|#009688}}
-| 경고
+| [[틸]]
 |-
 | 5
 | .yellow
 | {{색상|#ffeb3b}}
-| 위험
+| [[노랑]]
 |-
 | 6
 | .orange
 | {{색상|#ff9800}}
-| 위험
+| [[주황]]
 |}
-==참고 자료==
+==19색==
+{| class='wikitable'
+! # !! 클래스 !! 색상 !! 한국어명
+|-
+| 1 || red || {{색상|#F44336}} || 빨강
+|-
+| 2 || pink || {{색상|#E91E63}} || 분홍색
+|-
+| 3 || purple || {{색상|#9C27B0}} || 자주색
+|-
+| 4 || deep-purple || {{색상|#673AB7}} || 진자주
+|-
+| 5 || indigo || {{색상|#3F51B5}} || 남색
+|-
+| 6 || blue || {{색상|#2196F3}} || 파랑
+|-
+| 7 || light-blue || {{색상|#03A9F4}} || 밝은파랑
+|-
+| 8 || cyan || {{색상|#00BCD4}} || 시안
+|-
+| 9 || teal || {{색상|#009688}} || 틸
+|-
+| 10 || green || {{색상|#4CAF50}} || 녹색
+|-
+| 11 || light-green || {{색상|#8BC34A}} || 밝은녹색
+|-
+| 12 || lime || {{색상|#CDDC39}} || 라임색
+|-
+| 13 || yellow|| {{색상|#FFEB3B}} || 노랑
+|-
+| 14 || amber || {{색상|#FFC107}} || 등색
+|-
+| 15 || orange|| {{색상|#FF9800}} || 주황
+|-
+| 16 || dark-orange || {{색상|#FF5722}} || 어두운주황
+|-
+| 17 || brown || {{색상|#795548}} || 갈색
+|-
+| 18 || blue-grey|| {{색상|#607D8B}} || 파란회색
+|-
+| 19 || grey|| {{색상|#9E9E9E}} || 회색
+|}
+==같이 보기==
+*[[부트스트랩 글자색 클래스]]
+*[[부트스트랩 배경색 클래스]]
+*[[머티리얼 디자인]]
+*[[X11 색상명]]
+*[[구글 4색 배색]]
+==참고==
 *http://www.w3schools.com/w3css/default.asp
+*http://www.w3schools.com/w3css/w3css_colors.asp
+*http://www.google.co.uk/design/spec/style/color.html
+*http://materializecss.com/color.html
 [[분류: W3.CSS]]
 [[분류: 배색]]