#5b3353
RGB ( 赤 = 91, 緑 = 51, 青 = 83 )
HSL ( 色相 = 312°, 彩度 = 28%, 明度 = 28% )
H : 色相 ( 312° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #5b3533 : -310
12 : #5b3b33 : -300
22 : #5b4233 : -290
32 : #5b4933 : -280
42 : #5b4f33 : -270
52 : #5b5633 : -260
62 : #5a5b33 : -250
72 : #535b33 : -240
82 : #4d5b33 : -230
92 : #465b33 : -220
102 : #3f5b33 : -210
112 : #395b33 : -200
122 : #335b35 : -190
132 : #335b3b : -180
142 : #335b42 : -170
152 : #335b49 : -160
162 : #335b4f : -150
172 : #335b56 : -140
182 : #335a5b : -130
192 : #33535b : -120
202 : #334d5b : -110
212 : #33465b : -100
222 : #333f5b : -90
232 : #33395b : -80
242 : #35335b : -70
252 : #3b335b : -60
262 : #42335b : -50
272 : #49335b : -40
282 : #4f335b : -30
292 : #56335b : -20
302 : #5b335a : -10
312 : #5b3353 : ±0
322 : #5b334d : +10
332 : #5b3346 : +20
342 : #5b333f : +30
352 : #5b3339 : +40
302 : #5b335a : -10
303 : #5b3359 : -9
304 : #5b3359 : -8
305 : #5b3358 : -7
306 : #5b3357 : -6
307 : #5b3357 : -5
308 : #5b3356 : -4
309 : #5b3355 : -3
310 : #5b3355 : -2
311 : #5b3354 : -1
312 : #5b3353 : ±0
313 : #5b3353 : +1
314 : #5b3352 : +2
315 : #5b3351 : +3
316 : #5b3351 : +4
317 : #5b3350 : +5
318 : #5b334f : +6
319 : #5b334f : +7
320 : #5b334e : +8
321 : #5b334d : +9
322 : #5b334d : +10
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -28
2 : #494648 : -26
4 : #4a4549 : -24
6 : #4c434a : -22
8 : #4d424b : -20
10 : #4f404c : -18
12 : #503f4d : -16
14 : #513d4d : -14
16 : #533c4e : -12
18 : #543b4f : -10
20 : #563950 : -8
22 : #573851 : -6
24 : #593652 : -4
26 : #5a3553 : -2
28 : #5b3353 : ±0
30 : #5d3254 : +2
32 : #5e3155 : +4
34 : #602f56 : +6
36 : #612e57 : +8
38 : #632c58 : +10
40 : #642b59 : +12
42 : #652959 : +14
44 : #67285a : +16
46 : #68275b : +18
48 : #6a255c : +20
50 : #6b245d : +22
52 : #6d225e : +24
54 : #6e215f : +26
56 : #6f1f5f : +28
58 : #711e60 : +30
60 : #721d61 : +32
62 : #741b62 : +34
64 : #751a63 : +36
66 : #771864 : +38
68 : #781765 : +40
70 : #791565 : +42
72 : #7b1466 : +44
74 : #7c1367 : +46
76 : #7e1168 : +48
78 : #7f1069 : +50
80 : #810e6a : +52
82 : #820d6b : +54
84 : #830b6b : +56
86 : #850a6c : +58
88 : #86096d : +60
90 : #88076e : +62
92 : #89066f : +64
94 : #8b0470 : +66
96 : #8c0371 : +68
98 : #8d0171 : +70
100 : #8f0072 : +72
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #070406 : -26
4 : #0d070c : -24
6 : #140b12 : -22
8 : #1a0f18 : -20
10 : #21121e : -18
12 : #271624 : -16
14 : #2e1a2a : -14
16 : #341d30 : -12
18 : #3b2136 : -10
20 : #41253c : -8
22 : #482842 : -6
24 : #4e2c47 : -4
26 : #55304d : -2
28 : #5b3353 : ±0
30 : #623759 : +2
32 : #683b5f : +4
34 : #6f3e65 : +6
36 : #76426b : +8
38 : #7c4671 : +10
40 : #834977 : +12
42 : #894d7d : +14
44 : #905183 : +16
46 : #965489 : +18
48 : #9d588f : +20
50 : #a35c95 : +22
52 : #a76299 : +24
54 : #ab699d : +26
56 : #ae6fa2 : +28
58 : #b276a6 : +30
60 : #b67caa : +32
62 : #b983ae : +34
64 : #bd89b3 : +36
66 : #c190b7 : +38
68 : #c497bb : +40
70 : #c89dbf : +42
72 : #cca4c4 : +44
74 : #cfaac8 : +46
76 : #d3b1cc : +48
78 : #d7b7d0 : +50
80 : #dabed5 : +52
82 : #dec4d9 : +54
84 : #e2cbdd : +56
86 : #e5d1e1 : +58
88 : #e9d8e6 : +60
90 : #eddeea : +62
92 : #f0e5ee : +64
94 : #f4ebf2 : +66
96 : #f8f2f7 : +68
98 : #fbf8fb : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow