#584c46
RGB ( 赤 = 88, 緑 = 76, 青 = 70 )
HSL ( 色相 = 20°, 彩度 = 11%, 明度 = 31% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #584646 : -20
10 : #584946 : -10
20 : #584c46 : ±0
30 : #584f46 : +10
40 : #585246 : +20
50 : #585546 : +30
60 : #585846 : +40
70 : #555846 : +50
80 : #525846 : +60
90 : #4f5846 : +70
100 : #4c5846 : +80
110 : #495846 : +90
120 : #465846 : +100
130 : #465849 : +110
140 : #46584c : +120
150 : #46584f : +130
160 : #465852 : +140
170 : #465855 : +150
180 : #465858 : +160
190 : #465558 : +170
200 : #465258 : +180
210 : #464f58 : +190
220 : #464c58 : +200
230 : #464958 : +210
240 : #464658 : +220
250 : #494658 : +230
260 : #4c4658 : +240
270 : #4f4658 : +250
280 : #524658 : +260
290 : #554658 : +270
300 : #584658 : +280
310 : #584655 : +290
320 : #584652 : +300
330 : #58464f : +310
340 : #58464c : +320
350 : #584649 : +330
10 : #584946 : -10
11 : #584a46 : -9
12 : #584a46 : -8
13 : #584a46 : -7
14 : #584a46 : -6
15 : #584b46 : -5
16 : #584b46 : -4
17 : #584b46 : -3
18 : #584c46 : -2
19 : #584c46 : -1
20 : #584c46 : ±0
21 : #584c46 : +1
22 : #584d46 : +2
23 : #584d46 : +3
24 : #584d46 : +4
25 : #584e46 : +5
26 : #584e46 : +6
27 : #584e46 : +7
28 : #584e46 : +8
29 : #584f46 : +9
30 : #584f46 : +10
S : 彩度 ( 11% )
(0%) 渋い ~ 鮮やか (100%)
1 : #504f4e : -10
3 : #514e4d : -8
5 : #534e4b : -6
7 : #554d4a : -4
9 : #564d48 : -2
11 : #584c46 : ±0
13 : #594c45 : +2
15 : #5b4b43 : +4
17 : #5c4b42 : +6
19 : #5e4a40 : +8
21 : #604a3e : +10
23 : #61493d : +12
25 : #63483b : +14
27 : #64483a : +16
29 : #664738 : +18
31 : #684737 : +20
33 : #694635 : +22
35 : #6b4633 : +24
37 : #6c4532 : +26
39 : #6e4530 : +28
41 : #6f442f : +30
43 : #71442d : +32
45 : #73432b : +34
47 : #74432a : +36
49 : #764228 : +38
51 : #774227 : +40
53 : #794125 : +42
55 : #7b4124 : +44
57 : #7c4022 : +46
59 : #7e4020 : +48
61 : #7f3f1f : +50
63 : #813e1d : +52
65 : #823e1c : +54
67 : #843d1a : +56
69 : #863d19 : +58
71 : #873c17 : +60
73 : #893c15 : +62
75 : #8a3b14 : +64
77 : #8c3b12 : +66
79 : #8d3a11 : +68
81 : #8f3a0f : +70
83 : #91390d : +72
85 : #92390c : +74
87 : #94380a : +76
89 : #953809 : +78
91 : #973707 : +80
93 : #993706 : +82
95 : #9a3604 : +84
97 : #9c3502 : +86
99 : #9d3501 : +88
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -30
3 : #080707 : -28
5 : #0e0c0b : -26
7 : #141110 : -24
9 : #191614 : -22
11 : #1f1b19 : -20
13 : #25201e : -18
15 : #2a2522 : -16
17 : #302a27 : -14
19 : #362f2b : -12
21 : #3b3430 : -10
23 : #413834 : -8
25 : #473d39 : -6
27 : #4c423d : -4
29 : #524742 : -2
31 : #584c46 : ±0
33 : #5d514b : +2
35 : #63564f : +4
37 : #695b54 : +6
39 : #6e6059 : +8
41 : #74655d : +10
43 : #7a6a62 : +12
45 : #7f6f66 : +14
47 : #85736b : +16
49 : #8b786f : +18
51 : #907d74 : +20
53 : #94837a : +22
55 : #998880 : +24
57 : #9d8d85 : +26
59 : #a2938b : +28
61 : #a69891 : +30
63 : #ab9d96 : +32
65 : #b0a29c : +34
67 : #b4a8a2 : +36
69 : #b9ada7 : +38
71 : #bdb2ad : +40
73 : #c2b8b3 : +42
75 : #c6bdb8 : +44
77 : #cbc2be : +46
79 : #cfc7c4 : +48
81 : #d4cdc9 : +50
83 : #d8d2cf : +52
85 : #ddd7d5 : +54
87 : #e1ddda : +56
89 : #e6e2e0 : +58
91 : #ebe7e6 : +60
93 : #efeceb : +62
95 : #f4f2f1 : +64
97 : #f8f7f7 : +66
99 : #fdfcfc : +68
CSS入門、作ってます。
text-shadow