#9b2753
RGB ( 赤 = 155, 緑 = 39, 青 = 83 )
HSL ( 色相 = 337°, 彩度 = 60%, 明度 = 38% )
H : 色相 ( 337° )
(0°) 赤～黄～緑～青～紫 (359°)
7 : #9b3427 : -330
17 : #9b4827 : -320
27 : #9b5b27 : -310
37 : #9b6e27 : -300
47 : #9b8227 : -290
57 : #9b9527 : -280
67 : #8d9b27 : -270
77 : #7a9b27 : -260
87 : #679b27 : -250
97 : #539b27 : -240
107 : #409b27 : -230
117 : #2d9b27 : -220
127 : #279b34 : -210
137 : #279b48 : -200
147 : #279b5b : -190
157 : #279b6e : -180
167 : #279b82 : -170
177 : #279b95 : -160
187 : #278d9b : -150
197 : #277a9b : -140
207 : #27679b : -130
217 : #27539b : -120
227 : #27409b : -110
237 : #272d9b : -100
247 : #34279b : -90
257 : #48279b : -80
267 : #5b279b : -70
277 : #6e279b : -60
287 : #82279b : -50
297 : #95279b : -40
307 : #9b278d : -30
317 : #9b277a : -20
327 : #9b2767 : -10
337 : #9b2753 : ±0
347 : #9b2740 : +10
357 : #9b272d : +20
327 : #9b2767 : -10
328 : #9b2765 : -9
329 : #9b2763 : -8
330 : #9b2761 : -7
331 : #9b275f : -6
332 : #9b275d : -5
333 : #9b275b : -4
334 : #9b2759 : -3
335 : #9b2757 : -2
336 : #9b2755 : -1
337 : #9b2753 : ±0
338 : #9b2751 : +1
339 : #9b274f : +2
340 : #9b274e : +3
341 : #9b274c : +4
342 : #9b274a : +5
343 : #9b2748 : +6
344 : #9b2746 : +7
345 : #9b2744 : +8
346 : #9b2742 : +9
347 : #9b2740 : +10
S : 彩度 ( 60% )
(0%) 渋い ～ 鮮やか (100%)
0 : #606060 : -60
2 : #635f60 : -58
4 : #655d60 : -56
6 : #675b60 : -54
8 : #69595f : -52
10 : #6b575f : -50
12 : #6d555e : -48
14 : #6e535e : -46
16 : #70515d : -44
18 : #724f5d : -42
20 : #744e5c : -40
22 : #764c5c : -38
24 : #784a5b : -36
26 : #7a485b : -34
28 : #7c465b : -32
30 : #7e445a : -30
32 : #80425a : -28
34 : #824059 : -26
36 : #843e59 : -24
38 : #863c58 : -22
40 : #883a58 : -20
42 : #8a3857 : -18
44 : #8c3657 : -16
46 : #8d3456 : -14
48 : #8f3256 : -12
50 : #913056 : -10
52 : #932f55 : -8
54 : #952d55 : -6
56 : #972b54 : -4
58 : #992954 : -2
60 : #9b2753 : ±0
62 : #9d2553 : +2
64 : #9f2352 : +4
66 : #a12152 : +6
68 : #a31f52 : +8
70 : #a51d51 : +10
72 : #a71b51 : +12
74 : #a91950 : +14
76 : #ab1750 : +16
78 : #ac154f : +18
80 : #ae134f : +20
82 : #b0114e : +22
84 : #b2104e : +24
86 : #b40e4d : +26
88 : #b60c4d : +28
90 : #b80a4d : +30
92 : #ba084c : +32
94 : #bc064c : +34
96 : #be044b : +36
98 : #c0024b : +38
100 : #c2004a : +40
L : 明度 ( 38% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -38
2 : #080204 : -36
4 : #100409 : -34
6 : #18060d : -32
8 : #210812 : -30
10 : #290a16 : -28
12 : #310c1a : -26
14 : #390e1f : -24
16 : #411023 : -22
18 : #491227 : -20
20 : #52142c : -18
22 : #5a1630 : -16
24 : #621835 : -14
26 : #6a1b39 : -12
28 : #721d3d : -10
30 : #7a1f42 : -8
32 : #832146 : -6
34 : #8b234b : -4
36 : #93254f : -2
38 : #9b2753 : ±0
40 : #a32958 : +2
42 : #ab2b5c : +4
44 : #b42d60 : +6
46 : #bc2f65 : +8
48 : #c43169 : +10
50 : #cc336e : +12
52 : #ce3b73 : +14
54 : #d04379 : +16
56 : #d24b7f : +18
58 : #d45485 : +20
60 : #d65c8b : +22
62 : #d86491 : +24
64 : #da6c96 : +26
66 : #dc749c : +28
68 : #de7ca2 : +30
70 : #e085a8 : +32
72 : #e28dae : +34
74 : #e495b3 : +36
76 : #e79db9 : +38
78 : #e9a5bf : +40
80 : #ebadc5 : +42
82 : #edb6cb : +44
84 : #efbed0 : +46
86 : #f1c6d6 : +48
88 : #f3cedc : +50
90 : #f5d6e2 : +52
92 : #f7dee8 : +54
94 : #f9e7ee : +56
96 : #fbeff3 : +58
98 : #fdf7f9 : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow