#3b2130
RGB ( 赤 = 59, 緑 = 33, 青 = 48 )
HSL ( 色相 = 325°, 彩度 = 28%, 明度 = 18% )
H : 色相 ( 325° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #3b2321 : -320
15 : #3b2721 : -310
25 : #3b2c21 : -300
35 : #3b3021 : -290
45 : #3b3421 : -280
55 : #3b3921 : -270
65 : #393b21 : -260
75 : #343b21 : -250
85 : #303b21 : -240
95 : #2c3b21 : -230
105 : #273b21 : -220
115 : #233b21 : -210
125 : #213b23 : -200
135 : #213b27 : -190
145 : #213b2c : -180
155 : #213b30 : -170
165 : #213b34 : -160
175 : #213b39 : -150
185 : #21393b : -140
195 : #21343b : -130
205 : #21303b : -120
215 : #212c3b : -110
225 : #21273b : -100
235 : #21233b : -90
245 : #23213b : -80
255 : #27213b : -70
265 : #2c213b : -60
275 : #30213b : -50
285 : #34213b : -40
295 : #39213b : -30
305 : #3b2139 : -20
315 : #3b2134 : -10
325 : #3b2130 : ±0
335 : #3b212c : +10
345 : #3b2127 : +20
355 : #3b2123 : +30
315 : #3b2134 : -10
316 : #3b2134 : -9
317 : #3b2133 : -8
318 : #3b2133 : -7
319 : #3b2133 : -6
320 : #3b2132 : -5
321 : #3b2132 : -4
322 : #3b2131 : -3
323 : #3b2131 : -2
324 : #3b2130 : -1
325 : #3b2130 : ±0
326 : #3b2130 : +1
327 : #3b212f : +2
328 : #3b212f : +3
329 : #3b212e : +4
330 : #3b212e : +5
331 : #3b212d : +6
332 : #3b212d : +7
333 : #3b212d : +8
334 : #3b212c : +9
335 : #3b212c : +10
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -28
2 : #2f2d2e : -26
4 : #302c2e : -24
6 : #312b2e : -22
8 : #322a2f : -20
10 : #32292f : -18
12 : #33282f : -16
14 : #34272f : -14
16 : #35272f : -12
18 : #36262f : -10
20 : #37252f : -8
22 : #382430 : -6
24 : #392330 : -4
26 : #3a2230 : -2
28 : #3b2130 : ±0
30 : #3c2030 : +2
32 : #3d1f30 : +4
34 : #3e1e31 : +6
36 : #3e1d31 : +8
38 : #3f1c31 : +10
40 : #401c31 : +12
42 : #411b31 : +14
44 : #421a31 : +16
46 : #431931 : +18
48 : #441832 : +20
50 : #451732 : +22
52 : #461632 : +24
54 : #471532 : +26
56 : #481432 : +28
58 : #491332 : +30
60 : #491232 : +32
62 : #4a1133 : +34
64 : #4b1133 : +36
66 : #4c1033 : +38
68 : #4d0f33 : +40
70 : #4e0e33 : +42
72 : #4f0d33 : +44
74 : #500c34 : +46
76 : #510b34 : +48
78 : #520a34 : +50
80 : #530934 : +52
82 : #540834 : +54
84 : #540734 : +56
86 : #550634 : +58
88 : #560635 : +60
90 : #570535 : +62
92 : #580435 : +64
94 : #590335 : +66
96 : #5a0235 : +68
98 : #5b0135 : +70
100 : #5c0036 : +72
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #070405 : -16
4 : #0d070b : -14
6 : #140b10 : -12
8 : #1a0f15 : -10
10 : #21121b : -8
12 : #271620 : -6
14 : #2e1a25 : -4
16 : #341d2b : -2
18 : #3b2130 : ±0
20 : #412535 : +2
22 : #48283b : +4
24 : #4e2c40 : +6
26 : #553045 : +8
28 : #5b334b : +10
30 : #623750 : +12
32 : #683b55 : +14
34 : #6f3e5b : +16
36 : #764260 : +18
38 : #7c4665 : +20
40 : #83496b : +22
42 : #894d70 : +24
44 : #905175 : +26
46 : #96547b : +28
48 : #9d5880 : +30
50 : #a35c85 : +32
52 : #a7628a : +34
54 : #ab698f : +36
56 : #ae6f94 : +38
58 : #b27699 : +40
60 : #b67c9e : +42
62 : #b983a3 : +44
64 : #bd89a7 : +46
66 : #c190ac : +48
68 : #c497b1 : +50
70 : #c89db6 : +52
72 : #cca4bb : +54
74 : #cfaac0 : +56
76 : #d3b1c5 : +58
78 : #d7b7ca : +60
80 : #dabece : +62
82 : #dec4d3 : +64
84 : #e2cbd8 : +66
86 : #e5d1dd : +68
88 : #e9d8e2 : +70
90 : #eddee7 : +72
92 : #f0e5ec : +74
94 : #f4ebf0 : +76
96 : #f8f2f5 : +78
98 : #fbf8fa : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow