#6f5116
RGB ( 赤 = 111, 緑 = 81, 青 = 22 )
HSL ( 色相 = 40°, 彩度 = 67%, 明度 = 26% )
H : 色相 ( 40° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #6f1616 : -40
10 : #6f2516 : -30
20 : #6f3316 : -20
30 : #6f4216 : -10
40 : #6f5116 : ±0
50 : #6f6016 : +10
60 : #6f6f16 : +20
70 : #606f16 : +30
80 : #516f16 : +40
90 : #426f16 : +50
100 : #336f16 : +60
110 : #256f16 : +70
120 : #166f16 : +80
130 : #166f25 : +90
140 : #166f33 : +100
150 : #166f42 : +110
160 : #166f51 : +120
170 : #166f60 : +130
180 : #166f6f : +140
190 : #16606f : +150
200 : #16516f : +160
210 : #16426f : +170
220 : #16336f : +180
230 : #16256f : +190
240 : #16166f : +200
250 : #25166f : +210
260 : #33166f : +220
270 : #42166f : +230
280 : #51166f : +240
290 : #60166f : +250
300 : #6f166f : +260
310 : #6f1660 : +270
320 : #6f1651 : +280
330 : #6f1642 : +290
340 : #6f1633 : +300
350 : #6f1625 : +310
30 : #6f4216 : -10
31 : #6f4416 : -9
32 : #6f4516 : -8
33 : #6f4716 : -7
34 : #6f4816 : -6
35 : #6f4a16 : -5
36 : #6f4b16 : -4
37 : #6f4d16 : -3
38 : #6f4e16 : -2
39 : #6f5016 : -1
40 : #6f5116 : ±0
41 : #6f5316 : +1
42 : #6f5416 : +2
43 : #6f5616 : +3
44 : #6f5716 : +4
45 : #6f5916 : +5
46 : #6f5a16 : +6
47 : #6f5b16 : +7
48 : #6f5d16 : +8
49 : #6f5e16 : +9
50 : #6f6016 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #434342 : -66
3 : #444340 : -64
5 : #46433f : -62
7 : #47443e : -60
9 : #48443c : -58
11 : #4a453b : -56
13 : #4b453a : -54
15 : #4c4638 : -52
17 : #4e4637 : -50
19 : #4f4636 : -48
21 : #504734 : -46
23 : #524733 : -44
25 : #534832 : -42
27 : #544830 : -40
29 : #56492f : -38
31 : #57492e : -36
33 : #584a2c : -34
35 : #5a4a2b : -32
37 : #5b4a2a : -30
39 : #5c4b28 : -28
41 : #5d4b27 : -26
43 : #5f4c26 : -24
45 : #604c24 : -22
47 : #614d23 : -20
49 : #634d22 : -18
51 : #644e20 : -16
53 : #654e1f : -14
55 : #674e1e : -12
57 : #684f1d : -10
59 : #694f1b : -8
61 : #6b501a : -6
63 : #6c5019 : -4
65 : #6d5117 : -2
67 : #6f5116 : ±0
69 : #705215 : +2
71 : #715213 : +4
73 : #735212 : +6
75 : #745311 : +8
77 : #75530f : +10
79 : #77540e : +12
81 : #78540d : +14
83 : #79550b : +16
85 : #7b550a : +18
87 : #7c5609 : +20
89 : #7d5607 : +22
91 : #7f5606 : +24
93 : #805705 : +26
95 : #815703 : +28
97 : #835802 : +30
99 : #845801 : +32
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #090602 : -24
4 : #110c03 : -22
6 : #1a1305 : -20
8 : #221907 : -18
10 : #2b1f08 : -16
12 : #33250a : -14
14 : #3c2c0c : -12
16 : #44320d : -10
18 : #4d380f : -8
20 : #553e11 : -6
22 : #5e4513 : -4
24 : #664b14 : -2
26 : #6f5116 : ±0
28 : #775718 : +2
30 : #805e19 : +4
32 : #88641b : +6
34 : #916a1d : +8
36 : #99701e : +10
38 : #a27720 : +12
40 : #aa7d22 : +14
42 : #b38323 : +16
44 : #bb8925 : +18
46 : #c48f27 : +20
48 : #cc9628 : +22
50 : #d59c2a : +24
52 : #d7a033 : +26
54 : #d8a43b : +28
56 : #daa844 : +30
58 : #dcac4c : +32
60 : #ddb055 : +34
62 : #dfb45d : +36
64 : #e1b866 : +38
66 : #e2bc6e : +40
68 : #e4c077 : +42
70 : #e6c47f : +44
72 : #e7c888 : +46
74 : #e9cc90 : +48
76 : #ebcf99 : +50
78 : #ecd3a1 : +52
80 : #eed7aa : +54
82 : #f0dbb2 : +56
84 : #f2dfbb : +58
86 : #f3e3c3 : +60
88 : #f5e7cc : +62
90 : #f7ebd4 : +64
92 : #f8efdd : +66
94 : #faf3e5 : +68
96 : #fcf7ee : +70
98 : #fdfbf6 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow