#6f3516
RGB ( 赤 = 111, 緑 = 53, 青 = 22 )
HSL ( 色相 = 21°, 彩度 = 67%, 明度 = 26% )
H : 色相 ( 21° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #6f1716 : -20
11 : #6f2616 : -10
21 : #6f3516 : ±0
31 : #6f4416 : +10
41 : #6f5316 : +20
51 : #6f6116 : +30
61 : #6d6f16 : +40
71 : #5e6f16 : +50
81 : #506f16 : +60
91 : #416f16 : +70
101 : #326f16 : +80
111 : #236f16 : +90
121 : #166f17 : +100
131 : #166f26 : +110
141 : #166f35 : +120
151 : #166f44 : +130
161 : #166f53 : +140
171 : #166f61 : +150
181 : #166d6f : +160
191 : #165e6f : +170
201 : #16506f : +180
211 : #16416f : +190
221 : #16326f : +200
231 : #16236f : +210
241 : #17166f : +220
251 : #26166f : +230
261 : #35166f : +240
271 : #44166f : +250
281 : #53166f : +260
291 : #61166f : +270
301 : #6f166d : +280
311 : #6f165e : +290
321 : #6f1650 : +300
331 : #6f1641 : +310
341 : #6f1632 : +320
351 : #6f1623 : +330
11 : #6f2616 : -10
12 : #6f2816 : -9
13 : #6f2916 : -8
14 : #6f2b16 : -7
15 : #6f2c16 : -6
16 : #6f2e16 : -5
17 : #6f2f16 : -4
18 : #6f3116 : -3
19 : #6f3216 : -2
20 : #6f3316 : -1
21 : #6f3516 : ±0
22 : #6f3616 : +1
23 : #6f3816 : +2
24 : #6f3916 : +3
25 : #6f3b16 : +4
26 : #6f3c16 : +5
27 : #6f3e16 : +6
28 : #6f3f16 : +7
29 : #6f4116 : +8
30 : #6f4216 : +9
31 : #6f4416 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #434242 : -66
3 : #444240 : -64
5 : #46413f : -62
7 : #47413e : -60
9 : #48413c : -58
11 : #4a403b : -56
13 : #4b403a : -54
15 : #4c3f38 : -52
17 : #4e3f37 : -50
19 : #4f3f36 : -48
21 : #503e34 : -46
23 : #523e33 : -44
25 : #533d32 : -42
27 : #543d30 : -40
29 : #563d2f : -38
31 : #573c2e : -36
33 : #583c2c : -34
35 : #5a3b2b : -32
37 : #5b3b2a : -30
39 : #5c3b28 : -28
41 : #5d3a27 : -26
43 : #5f3a26 : -24
45 : #603924 : -22
47 : #613923 : -20
49 : #633922 : -18
51 : #643820 : -16
53 : #65381f : -14
55 : #67371e : -12
57 : #68371d : -10
59 : #69371b : -8
61 : #6b361a : -6
63 : #6c3619 : -4
65 : #6d3517 : -2
67 : #6f3516 : ±0
69 : #703515 : +2
71 : #713413 : +4
73 : #733412 : +6
75 : #743311 : +8
77 : #75330f : +10
79 : #77330e : +12
81 : #78320d : +14
83 : #79320b : +16
85 : #7b310a : +18
87 : #7c3109 : +20
89 : #7d3107 : +22
91 : #7f3006 : +24
93 : #803005 : +26
95 : #812f03 : +28
97 : #832f02 : +30
99 : #842f01 : +32
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #090402 : -24
4 : #110803 : -22
6 : #1a0c05 : -20
8 : #221007 : -18
10 : #2b1408 : -16
12 : #33180a : -14
14 : #3c1d0c : -12
16 : #44210d : -10
18 : #4d250f : -8
20 : #552911 : -6
22 : #5e2d13 : -4
24 : #663114 : -2
26 : #6f3516 : ±0
28 : #773918 : +2
30 : #803d19 : +4
32 : #88411b : +6
34 : #91451d : +8
36 : #99491e : +10
38 : #a24d20 : +12
40 : #aa5122 : +14
42 : #b35623 : +16
44 : #bb5a25 : +18
46 : #c45e27 : +20
48 : #cc6228 : +22
50 : #d5662a : +24
52 : #d76c33 : +26
54 : #d8723b : +28
56 : #da7844 : +30
58 : #dc7e4c : +32
60 : #dd8455 : +34
62 : #df8b5d : +36
64 : #e19166 : +38
66 : #e2976e : +40
68 : #e49d77 : +42
70 : #e6a37f : +44
72 : #e7a988 : +46
74 : #e9af90 : +48
76 : #ebb599 : +50
78 : #ecbca1 : +52
80 : #eec2aa : +54
82 : #f0c8b2 : +56
84 : #f2cebb : +58
86 : #f3d4c3 : +60
88 : #f5dacc : +62
90 : #f7e0d4 : +64
92 : #f8e6dd : +66
94 : #faede5 : +68
96 : #fcf3ee : +70
98 : #fdf9f6 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow