#ac6c0c
RGB
赤 | 172 |
---|---|
緑 | 108 |
青 | 12 |
HSL
色相 | 36° |
---|---|
彩度 | 87% |
明度 | 36% |
輝度 | 46% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 172, 緑 = 108, 青 = 12 )
HSL ( 色相 = 36°, 彩度 = 87%, 明度 = 36% )
H : 色相 ( 36° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #ac1c0c : -30
16 : #ac370c : -20
26 : #ac510c : -10
36 : #ac6c0c : ±0
46 : #ac860c : +10
56 : #aca10c : +20
66 : #9cac0c : +30
76 : #81ac0c : +40
86 : #66ac0c : +50
96 : #4cac0c : +60
106 : #31ac0c : +70
116 : #17ac0c : +80
126 : #0cac1c : +90
136 : #0cac37 : +100
146 : #0cac51 : +110
156 : #0cac6c : +120
166 : #0cac86 : +130
176 : #0caca1 : +140
186 : #0c9cac : +150
196 : #0c81ac : +160
206 : #0c66ac : +170
216 : #0c4cac : +180
226 : #0c31ac : +190
236 : #0c17ac : +200
246 : #1c0cac : +210
256 : #370cac : +220
266 : #510cac : +230
276 : #6c0cac : +240
286 : #860cac : +250
296 : #a10cac : +260
306 : #ac0c9c : +270
316 : #ac0c81 : +280
326 : #ac0c66 : +290
336 : #ac0c4c : +300
346 : #ac0c31 : +310
356 : #ac0c17 : +320
26 : #ac510c : -10
27 : #ac540c : -9
28 : #ac560c : -8
29 : #ac590c : -7
30 : #ac5c0c : -6
31 : #ac5e0c : -5
32 : #ac610c : -4
33 : #ac640c : -3
34 : #ac660c : -2
35 : #ac690c : -1
36 : #ac6c0c : ±0
37 : #ac6e0c : +1
38 : #ac710c : +2
39 : #ac740c : +3
40 : #ac760c : +4
41 : #ac790c : +5
42 : #ac7c0c : +6
43 : #ac7e0c : +7
44 : #ac810c : +8
45 : #ac840c : +9
46 : #ac860c : +10
S : 彩度 ( 87% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5d5c5b : -86
3 : #5f5c59 : -84
5 : #605d57 : -82
7 : #625d55 : -80
9 : #645d54 : -78
11 : #665e52 : -76
13 : #685e50 : -74
15 : #6a5f4e : -72
17 : #6b5f4c : -70
19 : #6d5f4a : -68
21 : #6f6049 : -66
23 : #716047 : -64
25 : #736045 : -62
27 : #756143 : -60
29 : #766141 : -58
31 : #78613f : -56
33 : #7a623e : -54
35 : #7c623c : -52
37 : #7e633a : -50
39 : #806338 : -48
41 : #816336 : -46
43 : #836434 : -44
45 : #856432 : -42
47 : #876431 : -40
49 : #89652f : -38
51 : #8b652d : -36
53 : #8c662b : -34
55 : #8e6629 : -32
57 : #906627 : -30
59 : #926726 : -28
61 : #946724 : -26
63 : #966722 : -24
65 : #976820 : -22
67 : #99681e : -20
69 : #9b681c : -18
71 : #9d691b : -16
73 : #9f6919 : -14
75 : #a16a17 : -12
77 : #a26a15 : -10
79 : #a46a13 : -8
81 : #a66b11 : -6
83 : #a86b10 : -4
85 : #aa6b0e : -2
87 : #ac6c0c : ±0
89 : #ae6c0a : +2
91 : #af6d08 : +4
93 : #b16d06 : +6
95 : #b36d05 : +8
97 : #b56e03 : +10
99 : #b76e01 : +12
L : 明度 ( 36% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -36
2 : #0a0601 : -34
4 : #130c01 : -32
6 : #1d1202 : -30
8 : #261803 : -28
10 : #301e03 : -26
12 : #392404 : -24
14 : #432a05 : -22
16 : #4c3005 : -20
18 : #563606 : -18
20 : #5f3c07 : -16
22 : #694207 : -14
24 : #724808 : -12
26 : #7c4e09 : -10
28 : #865409 : -8
30 : #8f5a0a : -6
32 : #99600b : -4
34 : #a2660b : -2
36 : #ac6c0c : ±0
38 : #b5720d : +2
40 : #bf780d : +4
42 : #c87e0e : +6
44 : #d2840f : +8
46 : #db8a0f : +10
48 : #e59010 : +12
50 : #ee9611 : +14
52 : #ef9a1a : +16
54 : #f09e24 : +18
56 : #f0a22d : +20
58 : #f1a737 : +22
60 : #f2ab40 : +24
62 : #f2af4a : +26
64 : #f3b353 : +28
66 : #f4b75d : +30
68 : #f4bc66 : +32
70 : #f5c070 : +34
72 : #f6c479 : +36
74 : #f6c883 : +38
76 : #f7cc8d : +40
78 : #f8d196 : +42
80 : #f8d5a0 : +44
82 : #f9d9a9 : +46
84 : #faddb3 : +48
86 : #fae2bc : +50
88 : #fbe6c6 : +52
90 : #fceacf : +54
92 : #fceed9 : +56
94 : #fdf2e2 : +58
96 : #fef7ec : +60
98 : #fefbf5 : +62
100 : #ffffff : +64
CSS入門、作ってます。
text-shadow