#5b4358
RGB ( 赤 = 91, 緑 = 67, 青 = 88 )
HSL ( 色相 = 308°, 彩度 = 15%, 明度 = 31% )
H : 色相 ( 308° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #5b4643 : -300
18 : #5b4a43 : -290
28 : #5b4e43 : -280
38 : #5b5243 : -270
48 : #5b5643 : -260
58 : #5b5a43 : -250
68 : #585b43 : -240
78 : #545b43 : -230
88 : #505b43 : -220
98 : #4c5b43 : -210
108 : #485b43 : -200
118 : #445b43 : -190
128 : #435b46 : -180
138 : #435b4a : -170
148 : #435b4e : -160
158 : #435b52 : -150
168 : #435b56 : -140
178 : #435b5a : -130
188 : #43585b : -120
198 : #43545b : -110
208 : #43505b : -100
218 : #434c5b : -90
228 : #43485b : -80
238 : #43445b : -70
248 : #46435b : -60
258 : #4a435b : -50
268 : #4e435b : -40
278 : #52435b : -30
288 : #56435b : -20
298 : #5a435b : -10
308 : #5b4358 : ±0
318 : #5b4354 : +10
328 : #5b4350 : +20
338 : #5b434c : +30
348 : #5b4348 : +40
358 : #5b4344 : +50
298 : #5a435b : -10
299 : #5b435b : -9
300 : #5b435b : -8
301 : #5b435b : -7
302 : #5b435a : -6
303 : #5b435a : -5
304 : #5b4359 : -4
305 : #5b4359 : -3
306 : #5b4359 : -2
307 : #5b4358 : -1
308 : #5b4358 : ±0
309 : #5b4357 : +1
310 : #5b4357 : +2
311 : #5b4357 : +3
312 : #5b4356 : +4
313 : #5b4356 : +5
314 : #5b4355 : +6
315 : #5b4355 : +7
316 : #5b4355 : +8
317 : #5b4354 : +9
318 : #5b4354 : +10
S : 彩度 ( 15% )
(0%) 渋い ~ 鮮やか (100%)
1 : #504e50 : -14
3 : #514d51 : -12
5 : #534b52 : -10
7 : #554a53 : -8
9 : #564854 : -6
11 : #584655 : -4
13 : #594557 : -2
15 : #5b4358 : ±0
17 : #5c4259 : +2
19 : #5e405a : +4
21 : #603e5b : +6
23 : #613d5c : +8
25 : #633b5e : +10
27 : #643a5f : +12
29 : #663860 : +14
31 : #683761 : +16
33 : #693562 : +18
35 : #6b3363 : +20
37 : #6c3264 : +22
39 : #6e3066 : +24
41 : #6f2f67 : +26
43 : #712d68 : +28
45 : #732b69 : +30
47 : #742a6a : +32
49 : #76286b : +34
51 : #77276d : +36
53 : #79256e : +38
55 : #7b246f : +40
57 : #7c2270 : +42
59 : #7e2071 : +44
61 : #7f1f72 : +46
63 : #811d74 : +48
65 : #821c75 : +50
67 : #841a76 : +52
69 : #861977 : +54
71 : #871778 : +56
73 : #891579 : +58
75 : #8a147b : +60
77 : #8c127c : +62
79 : #8d117d : +64
81 : #8f0f7e : +66
83 : #910d7f : +68
85 : #920c80 : +70
87 : #940a81 : +72
89 : #950983 : +74
91 : #970784 : +76
93 : #990685 : +78
95 : #9a0486 : +80
97 : #9c0287 : +82
99 : #9d0188 : +84
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -30
3 : #090708 : -28
5 : #0f0b0e : -26
7 : #150f14 : -24
9 : #1a1419 : -22
11 : #20181f : -20
13 : #261c25 : -18
15 : #2c212a : -16
17 : #322530 : -14
19 : #382936 : -12
21 : #3e2e3b : -10
23 : #433241 : -8
25 : #493647 : -6
27 : #4f3b4c : -4
29 : #553f52 : -2
31 : #5b4358 : ±0
33 : #61485d : +2
35 : #674c63 : +4
37 : #6d5069 : +6
39 : #72556e : +8
41 : #785974 : +10
43 : #7e5d7a : +12
45 : #84627f : +14
47 : #8a6685 : +16
49 : #906a8b : +18
51 : #956f90 : +20
53 : #997594 : +22
55 : #9d7b99 : +24
57 : #a2819d : +26
59 : #a687a2 : +28
61 : #aa8da6 : +30
63 : #af92ab : +32
65 : #b398b0 : +34
67 : #b79eb4 : +36
69 : #bca4b9 : +38
71 : #c0aabd : +40
73 : #c4b0c2 : +42
75 : #c9b6c6 : +44
77 : #cdbccb : +46
79 : #d1c1cf : +48
81 : #d6c7d4 : +50
83 : #dacdd8 : +52
85 : #ded3dd : +54
87 : #e3d9e1 : +56
89 : #e7dfe6 : +58
91 : #ebe5eb : +60
93 : #f0eaef : +62
95 : #f4f0f4 : +64
97 : #f8f6f8 : +66
99 : #fdfcfd : +68
CSS入門、作ってます。
text-shadow