#5f5449
RGB ( 赤 = 95, 緑 = 84, 青 = 73 )
HSL ( 色相 = 30°, 彩度 = 13%, 明度 = 33% )
H : 色相 ( 30° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #5f4949 : -30
10 : #5f4d49 : -20
20 : #5f5149 : -10
30 : #5f5449 : ±0
40 : #5f5849 : +10
50 : #5f5b49 : +20
60 : #5f5f49 : +30
70 : #5b5f49 : +40
80 : #585f49 : +50
90 : #545f49 : +60
100 : #515f49 : +70
110 : #4d5f49 : +80
120 : #495f49 : +90
130 : #495f4d : +100
140 : #495f51 : +110
150 : #495f54 : +120
160 : #495f58 : +130
170 : #495f5b : +140
180 : #495f5f : +150
190 : #495b5f : +160
200 : #49585f : +170
210 : #49545f : +180
220 : #49515f : +190
230 : #494d5f : +200
240 : #49495f : +210
250 : #4d495f : +220
260 : #51495f : +230
270 : #54495f : +240
280 : #58495f : +250
290 : #5b495f : +260
300 : #5f495f : +270
310 : #5f495b : +280
320 : #5f4958 : +290
330 : #5f4954 : +300
340 : #5f4951 : +310
350 : #5f494d : +320
20 : #5f5149 : -10
21 : #5f5149 : -9
22 : #5f5149 : -8
23 : #5f5249 : -7
24 : #5f5249 : -6
25 : #5f5249 : -5
26 : #5f5349 : -4
27 : #5f5349 : -3
28 : #5f5349 : -2
29 : #5f5449 : -1
30 : #5f5449 : ±0
31 : #5f5549 : +1
32 : #5f5549 : +2
33 : #5f5549 : +3
34 : #5f5649 : +4
35 : #5f5649 : +5
36 : #5f5649 : +6
37 : #5f5749 : +7
38 : #5f5749 : +8
39 : #5f5749 : +9
40 : #5f5849 : +10
S : 彩度 ( 13% )
(0%) 渋い ~ 鮮やか (100%)
1 : #555453 : -12
3 : #575452 : -10
5 : #585450 : -8
7 : #5a544e : -6
9 : #5c544d : -4
11 : #5d544b : -2
13 : #5f5449 : ±0
15 : #615448 : +2
17 : #625446 : +4
19 : #645444 : +6
21 : #665442 : +8
23 : #685441 : +10
25 : #69543f : +12
27 : #6b543d : +14
29 : #6d543c : +16
31 : #6e543a : +18
33 : #705438 : +20
35 : #725437 : +22
37 : #735435 : +24
39 : #755433 : +26
41 : #775432 : +28
43 : #785430 : +30
45 : #7a542e : +32
47 : #7c542d : +34
49 : #7d542b : +36
51 : #7f5429 : +38
53 : #815428 : +40
55 : #825426 : +42
57 : #845424 : +44
59 : #865423 : +46
61 : #875421 : +48
63 : #89541f : +50
65 : #8b541d : +52
67 : #8d541c : +54
69 : #8e541a : +56
71 : #905418 : +58
73 : #925417 : +60
75 : #935415 : +62
77 : #955413 : +64
79 : #975412 : +66
81 : #985410 : +68
83 : #9a540e : +70
85 : #9c540d : +72
87 : #9d540b : +74
89 : #9f5409 : +76
91 : #a15408 : +78
93 : #a25406 : +80
95 : #a45404 : +82
97 : #a65403 : +84
99 : #a75401 : +86
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -32
3 : #090807 : -30
5 : #0e0d0b : -28
7 : #141210 : -26
9 : #1a1714 : -24
11 : #201c18 : -22
13 : #25211d : -20
15 : #2b2621 : -18
17 : #312b26 : -16
19 : #37302a : -14
21 : #3d362f : -12
23 : #423b33 : -10
25 : #484037 : -8
27 : #4e453c : -6
29 : #544a40 : -4
31 : #594f45 : -2
33 : #5f5449 : ±0
35 : #65594e : +2
37 : #6b5e52 : +4
39 : #706357 : +6
41 : #76695b : +8
43 : #7c6e5f : +10
45 : #827364 : +12
47 : #877868 : +14
49 : #8d7d6d : +16
51 : #928272 : +18
53 : #978778 : +20
55 : #9b8c7d : +22
57 : #a09183 : +24
59 : #a49689 : +26
61 : #a89c8f : +28
63 : #ada194 : +30
65 : #b1a69a : +32
67 : #b6aba0 : +34
69 : #bab0a6 : +36
71 : #bfb5ab : +38
73 : #c3bab1 : +40
75 : #c8bfb7 : +42
77 : #ccc4bd : +44
79 : #d0c9c2 : +46
81 : #d5cfc8 : +48
83 : #d9d4ce : +50
85 : #ded9d4 : +52
87 : #e2deda : +54
89 : #e7e3df : +56
91 : #ebe8e5 : +58
93 : #efedeb : +60
95 : #f4f2f1 : +62
97 : #f8f7f6 : +64
99 : #fdfcfc : +66
CSS入門、作ってます。
text-shadow