#6c1c14
RGB ( 赤 = 108, 緑 = 28, 青 = 20 )
HSL ( 色相 = 5°, 彩度 = 69%, 明度 = 25% )
H : 色相 ( 5° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #6c1b14 : ±0
15 : #6c2a14 : +10
25 : #6c3814 : +20
35 : #6c4714 : +30
45 : #6c5614 : +40
55 : #6c6414 : +50
65 : #646c14 : +60
75 : #566c14 : +70
85 : #476c14 : +80
95 : #386c14 : +90
105 : #2a6c14 : +100
115 : #1b6c14 : +110
125 : #146c1b : +120
135 : #146c2a : +130
145 : #146c38 : +140
155 : #146c47 : +150
165 : #146c56 : +160
175 : #146c64 : +170
185 : #14646c : +180
195 : #14566c : +190
205 : #14476c : +200
215 : #14386c : +210
225 : #142a6c : +220
235 : #141b6c : +230
245 : #1b146c : +240
255 : #2a146c : +250
265 : #38146c : +260
275 : #47146c : +270
285 : #56146c : +280
295 : #64146c : +290
305 : #6c1464 : +300
315 : #6c1456 : +310
325 : #6c1447 : +320
335 : #6c1438 : +330
345 : #6c142a : +340
355 : #6c141b : +350
355 : #6c141b : +350
356 : #6c141a : +351
357 : #6c1418 : +352
358 : #6c1417 : +353
359 : #6c1415 : +354
0 : #6c1414 : -5
1 : #6c1514 : -4
2 : #6c1714 : -3
3 : #6c1814 : -2
4 : #6c1a14 : -1
5 : #6c1b14 : ±0
6 : #6c1d14 : +1
7 : #6c1e14 : +2
8 : #6c1f14 : +3
9 : #6c2114 : +4
10 : #6c2214 : +5
11 : #6c2414 : +6
12 : #6c2514 : +7
13 : #6c2714 : +8
14 : #6c2814 : +9
15 : #6c2a14 : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #403f3f : -68
3 : #423e3e : -66
5 : #433d3d : -64
7 : #443c3b : -62
9 : #453b3a : -60
11 : #473a39 : -58
13 : #483937 : -56
15 : #493836 : -54
17 : #4b3735 : -52
19 : #4c3634 : -50
21 : #4d3532 : -48
23 : #4e3431 : -46
25 : #503230 : -44
27 : #51312f : -42
29 : #52302d : -40
31 : #542f2c : -38
33 : #552e2b : -36
35 : #562d29 : -34
37 : #572c28 : -32
39 : #592b27 : -30
41 : #5a2a26 : -28
43 : #5b2924 : -26
45 : #5c2823 : -24
47 : #5e2722 : -22
49 : #5f2621 : -20
51 : #60251f : -18
53 : #62241e : -16
55 : #63231d : -14
57 : #64211b : -12
59 : #65201a : -10
61 : #671f19 : -8
63 : #681e18 : -6
65 : #691d16 : -4
67 : #6a1c15 : -2
69 : #6c1b14 : ±0
71 : #6d1a12 : +2
73 : #6e1911 : +4
75 : #701810 : +6
77 : #71170f : +8
79 : #72160d : +10
81 : #73150c : +12
83 : #75140b : +14
85 : #76130a : +16
87 : #771208 : +18
89 : #781007 : +20
91 : #7a0f06 : +22
93 : #7b0e04 : +24
95 : #7c0d03 : +26
97 : #7e0c02 : +28
99 : #7f0b01 : +30
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #040101 : -24
3 : #0d0302 : -22
5 : #160504 : -20
7 : #1e0806 : -18
9 : #270a07 : -16
11 : #2f0c09 : -14
13 : #380e0a : -12
15 : #41100c : -10
17 : #49120d : -8
19 : #52150f : -6
21 : #5a1711 : -4
23 : #631912 : -2
25 : #6c1b14 : ±0
27 : #741d15 : +2
29 : #7d1f17 : +4
31 : #862219 : +6
33 : #8e241a : +8
35 : #97261c : +10
37 : #9f281d : +12
39 : #a82a1f : +14
41 : #b12c20 : +16
43 : #b92f22 : +18
45 : #c23124 : +20
47 : #cb3325 : +22
49 : #d33527 : +24
51 : #d83a2c : +26
53 : #da4234 : +28
55 : #db4a3d : +30
57 : #dd5246 : +32
59 : #df5a4e : +34
61 : #e06257 : +36
63 : #e26a60 : +38
65 : #e37268 : +40
67 : #e57a71 : +42
69 : #e68279 : +44
71 : #e88b82 : +46
73 : #ea938b : +48
75 : #eb9b93 : +50
77 : #eda39c : +52
79 : #eeaba5 : +54
81 : #f0b3ad : +56
83 : #f2bbb6 : +58
85 : #f3c3be : +60
87 : #f5cbc7 : +62
89 : #f6d3d0 : +64
91 : #f8dbd8 : +66
93 : #f9e3e1 : +68
95 : #fbebe9 : +70
97 : #fdf3f2 : +72
99 : #fefbfb : +74
CSS入門、作ってます。
text-shadow