#5f4861
RGB ( 赤 = 95, 緑 = 72, 青 = 97 )
HSL ( 色相 = 295°, 彩度 = 15%, 明度 = 33% )
H : 色相 ( 295° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #614a48 : -290
15 : #614e48 : -280
25 : #615248 : -270
35 : #615648 : -260
45 : #615a48 : -250
55 : #615f48 : -240
65 : #5f6148 : -230
75 : #5a6148 : -220
85 : #566148 : -210
95 : #526148 : -200
105 : #4e6148 : -190
115 : #4a6148 : -180
125 : #48614a : -170
135 : #48614e : -160
145 : #486152 : -150
155 : #486156 : -140
165 : #48615a : -130
175 : #48615f : -120
185 : #485f61 : -110
195 : #485a61 : -100
205 : #485661 : -90
215 : #485261 : -80
225 : #484e61 : -70
235 : #484a61 : -60
245 : #4a4861 : -50
255 : #4e4861 : -40
265 : #524861 : -30
275 : #564861 : -20
285 : #5a4861 : -10
295 : #5f4861 : ±0
305 : #61485f : +10
315 : #61485a : +20
325 : #614856 : +30
335 : #614852 : +40
345 : #61484e : +50
355 : #61484a : +60
285 : #5a4861 : -10
286 : #5b4861 : -9
287 : #5b4861 : -8
288 : #5c4861 : -7
289 : #5c4861 : -6
290 : #5d4861 : -5
291 : #5d4861 : -4
292 : #5d4861 : -3
293 : #5e4861 : -2
294 : #5e4861 : -1
295 : #5f4861 : ±0
296 : #5f4861 : +1
297 : #604861 : +2
298 : #604861 : +3
299 : #604861 : +4
300 : #614861 : +5
301 : #614860 : +6
302 : #614860 : +7
303 : #614860 : +8
304 : #61485f : +9
305 : #61485f : +10
S : 彩度 ( 15% )
(0%) 渋い ~ 鮮やか (100%)
1 : #555355 : -14
3 : #565257 : -12
5 : #585058 : -10
7 : #594e5a : -8
9 : #5a4d5c : -6
11 : #5c4b5d : -4
13 : #5d495f : -2
15 : #5f4861 : ±0
17 : #604662 : +2
19 : #614464 : +4
21 : #634266 : +6
23 : #644168 : +8
25 : #663f69 : +10
27 : #673d6b : +12
29 : #683c6d : +14
31 : #6a3a6e : +16
33 : #6b3870 : +18
35 : #6d3772 : +20
37 : #6e3573 : +22
39 : #6f3375 : +24
41 : #713277 : +26
43 : #723078 : +28
45 : #742e7a : +30
47 : #752d7c : +32
49 : #772b7d : +34
51 : #78297f : +36
53 : #792881 : +38
55 : #7b2682 : +40
57 : #7c2484 : +42
59 : #7e2386 : +44
61 : #7f2187 : +46
63 : #801f89 : +48
65 : #821d8b : +50
67 : #831c8d : +52
69 : #851a8e : +54
71 : #861890 : +56
73 : #871792 : +58
75 : #891593 : +60
77 : #8a1395 : +62
79 : #8c1297 : +64
81 : #8d1098 : +66
83 : #8e0e9a : +68
85 : #900d9c : +70
87 : #910b9d : +72
89 : #93099f : +74
91 : #9408a1 : +76
93 : #9506a2 : +78
95 : #9704a4 : +80
97 : #9803a6 : +82
99 : #9a01a7 : +84
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -32
3 : #090709 : -30
5 : #0e0b0f : -28
7 : #140f15 : -26
9 : #1a141a : -24
11 : #201820 : -22
13 : #251c26 : -20
15 : #2b212c : -18
17 : #312532 : -16
19 : #372938 : -14
21 : #3c2e3e : -12
23 : #423243 : -10
25 : #483649 : -8
27 : #4d3b4f : -6
29 : #533f55 : -4
31 : #59435b : -2
33 : #5f4861 : ±0
35 : #644c67 : +2
37 : #6a506d : +4
39 : #705572 : +6
41 : #765978 : +8
43 : #7b5d7e : +10
45 : #816284 : +12
47 : #87668a : +14
49 : #8d6a90 : +16
51 : #926f95 : +18
53 : #967599 : +20
55 : #9b7b9d : +22
57 : #9f81a2 : +24
59 : #a487a6 : +26
61 : #a88daa : +28
63 : #ac92af : +30
65 : #b198b3 : +32
67 : #b59eb7 : +34
69 : #baa4bc : +36
71 : #beaac0 : +38
73 : #c3b0c4 : +40
75 : #c7b6c9 : +42
77 : #ccbccd : +44
79 : #d0c1d1 : +46
81 : #d5c7d6 : +48
83 : #d9cdda : +50
85 : #ded3de : +52
87 : #e2d9e3 : +54
89 : #e6dfe7 : +56
91 : #ebe5eb : +58
93 : #efeaf0 : +60
95 : #f4f0f4 : +62
97 : #f8f6f8 : +64
99 : #fdfcfd : +66
CSS入門、作ってます。
text-shadow