#6f572a
RGB ( 赤 = 111, 緑 = 87, 青 = 42 )
HSL ( 色相 = 39°, 彩度 = 45%, 明度 = 30% )
H : 色相 ( 39° )
(0°) 赤～黄～緑～青～紫 (359°)
9 : #6f342a : -30
19 : #6f402a : -20
29 : #6f4b2a : -10
39 : #6f572a : ±0
49 : #6f622a : +10
59 : #6f6e2a : +20
69 : #656f2a : +30
79 : #596f2a : +40
89 : #4e6f2a : +50
99 : #426f2a : +60
109 : #376f2a : +70
119 : #2b6f2a : +80
129 : #2a6f34 : +90
139 : #2a6f40 : +100
149 : #2a6f4b : +110
159 : #2a6f57 : +120
169 : #2a6f62 : +130
179 : #2a6f6e : +140
189 : #2a656f : +150
199 : #2a596f : +160
209 : #2a4e6f : +170
219 : #2a426f : +180
229 : #2a376f : +190
239 : #2a2b6f : +200
249 : #342a6f : +210
259 : #402a6f : +220
269 : #4b2a6f : +230
279 : #572a6f : +240
289 : #622a6f : +250
299 : #6e2a6f : +260
309 : #6f2a65 : +270
319 : #6f2a59 : +280
329 : #6f2a4e : +290
339 : #6f2a42 : +300
349 : #6f2a37 : +310
359 : #6f2a2b : +320
29 : #6f4b2a : -10
30 : #6f4d2a : -9
31 : #6f4e2a : -8
32 : #6f4f2a : -7
33 : #6f502a : -6
34 : #6f512a : -5
35 : #6f522a : -4
36 : #6f532a : -3
37 : #6f552a : -2
38 : #6f562a : -1
39 : #6f572a : ±0
40 : #6f582a : +1
41 : #6f592a : +2
42 : #6f5a2a : +3
43 : #6f5b2a : +4
44 : #6f5d2a : +5
45 : #6f5e2a : +6
46 : #6f5f2a : +7
47 : #6f602a : +8
48 : #6f612a : +9
49 : #6f622a : +10
S : 彩度 ( 45% )
(0%) 渋い ～ 鮮やか (100%)
1 : #4d4d4c : -44
3 : #4f4d4a : -42
5 : #504e49 : -40
7 : #524e47 : -38
9 : #534f46 : -36
11 : #554f44 : -34
13 : #564f43 : -32
15 : #585041 : -30
17 : #5a503f : -28
19 : #5b513e : -26
21 : #5d513c : -24
23 : #5e523b : -22
25 : #605239 : -20
27 : #615338 : -18
29 : #635336 : -16
31 : #645435 : -14
33 : #665433 : -12
35 : #675532 : -10
37 : #695530 : -8
39 : #6a552f : -6
41 : #6c562d : -4
43 : #6d562c : -2
45 : #6f572a : ±0
47 : #705729 : +2
49 : #725827 : +4
51 : #745825 : +6
53 : #755924 : +8
55 : #775922 : +10
57 : #785a21 : +12
59 : #7a5a1f : +14
61 : #7b5a1e : +16
63 : #7d5b1c : +18
65 : #7e5b1b : +20
67 : #805c19 : +22
69 : #815c18 : +24
71 : #835d16 : +26
73 : #845d15 : +28
75 : #865e13 : +30
77 : #875e12 : +32
79 : #895f10 : +34
81 : #8a5f0f : +36
83 : #8c600d : +38
85 : #8e600b : +40
87 : #8f600a : +42
89 : #916108 : +44
91 : #926107 : +46
93 : #946205 : +48
95 : #956204 : +50
97 : #976302 : +52
99 : #986301 : +54
L : 明度 ( 30% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -30
2 : #070603 : -28
4 : #0f0c06 : -26
6 : #161108 : -24
8 : #1e170b : -22
10 : #251d0e : -20
12 : #2c2311 : -18
14 : #342914 : -16
16 : #3b2e16 : -14
18 : #433419 : -12
20 : #4a3a1c : -10
22 : #51401f : -8
24 : #594522 : -6
26 : #604b24 : -4
28 : #685127 : -2
30 : #6f572a : ±0
32 : #765d2d : +2
34 : #7e6230 : +4
36 : #856832 : +6
38 : #8d6e35 : +8
40 : #947438 : +10
42 : #9b7a3b : +12
44 : #a37f3e : +14
46 : #aa8541 : +16
48 : #b18b43 : +18
50 : #b99146 : +20
52 : #bc954e : +22
54 : #be9a55 : +24
56 : #c19e5c : +26
58 : #c4a264 : +28
60 : #c7a76b : +30
62 : #caab72 : +32
64 : #cdb07a : +34
66 : #cfb481 : +36
68 : #d2b889 : +38
70 : #d5bd90 : +40
72 : #d8c197 : +42
74 : #dbc69f : +44
76 : #ddcaa6 : +46
78 : #e0ceae : +48
80 : #e3d3b5 : +50
82 : #e6d7bc : +52
84 : #e9dcc4 : +54
86 : #ebe0cb : +56
88 : #eee5d3 : +58
90 : #f1e9da : +60
92 : #f4ede1 : +62
94 : #f7f2e9 : +64
96 : #f9f6f0 : +66
98 : #fcfbf8 : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow