#965491
RGB ( 赤 = 150, 緑 = 84, 青 = 145 )
HSL ( 色相 = 305°, 彩度 = 28%, 明度 = 46% )
H : 色相 ( 305° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #965a54 : -300
15 : #966554 : -290
25 : #967054 : -280
35 : #967b54 : -270
45 : #968654 : -260
55 : #969154 : -250
65 : #919654 : -240
75 : #869654 : -230
85 : #7b9654 : -220
95 : #709654 : -210
105 : #659654 : -200
115 : #5a9654 : -190
125 : #54965a : -180
135 : #549665 : -170
145 : #549670 : -160
155 : #54967b : -150
165 : #549686 : -140
175 : #549691 : -130
185 : #549196 : -120
195 : #548696 : -110
205 : #547b96 : -100
215 : #547096 : -90
225 : #546596 : -80
235 : #545a96 : -70
245 : #5a5496 : -60
255 : #655496 : -50
265 : #705496 : -40
275 : #7b5496 : -30
285 : #865496 : -20
295 : #915496 : -10
305 : #965491 : ±0
315 : #965486 : +10
325 : #96547b : +20
335 : #965470 : +30
345 : #965465 : +40
355 : #96545a : +50
295 : #915496 : -10
296 : #925496 : -9
297 : #935496 : -8
298 : #945496 : -7
299 : #955496 : -6
300 : #965496 : -5
301 : #965495 : -4
302 : #965494 : -3
303 : #965493 : -2
304 : #965492 : -1
305 : #965491 : ±0
306 : #965490 : +1
307 : #96548e : +2
308 : #96548d : +3
309 : #96548c : +4
310 : #96548b : +5
311 : #96548a : +6
312 : #965489 : +7
313 : #965488 : +8
314 : #965487 : +9
315 : #965486 : +10
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -28
2 : #787377 : -26
4 : #7a7179 : -24
6 : #7c6e7b : -22
8 : #7f6c7d : -20
10 : #816a7f : -18
12 : #836781 : -16
14 : #866583 : -14
16 : #886385 : -12
18 : #8a6087 : -10
20 : #8d5e89 : -8
22 : #8f5b8b : -6
24 : #91598d : -4
26 : #94578f : -2
28 : #965491 : ±0
30 : #985293 : +2
32 : #9b5095 : +4
34 : #9d4d97 : +6
36 : #a04b98 : +8
38 : #a2499a : +10
40 : #a4469c : +12
42 : #a7449e : +14
44 : #a942a0 : +16
46 : #ab3fa2 : +18
48 : #ae3da4 : +20
50 : #b03ba6 : +22
52 : #b238a8 : +24
54 : #b536aa : +26
56 : #b734ac : +28
58 : #b931ae : +30
60 : #bc2fb0 : +32
62 : #be2db2 : +34
64 : #c02ab4 : +36
66 : #c328b6 : +38
68 : #c526b8 : +40
70 : #c723ba : +42
72 : #ca21bc : +44
74 : #cc1ebe : +46
76 : #ce1cc0 : +48
78 : #d11ac2 : +50
80 : #d317c4 : +52
82 : #d515c5 : +54
84 : #d813c7 : +56
86 : #da10c9 : +58
88 : #dd0ecb : +60
90 : #df0ccd : +62
92 : #e109cf : +64
94 : #e407d1 : +66
96 : #e605d3 : +68
98 : #e802d5 : +70
100 : #eb00d7 : +72
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #070406 : -44
4 : #0d070d : -42
6 : #140b13 : -40
8 : #1a0f19 : -38
10 : #21121f : -36
12 : #271626 : -34
14 : #2e1a2c : -32
16 : #341d32 : -30
18 : #3b2139 : -28
20 : #41253f : -26
22 : #482845 : -24
24 : #4e2c4b : -22
26 : #553052 : -20
28 : #5b3358 : -18
30 : #62375e : -16
32 : #683b65 : -14
34 : #6f3e6b : -12
36 : #764271 : -10
38 : #7c4678 : -8
40 : #83497e : -6
42 : #894d84 : -4
44 : #90518a : -2
46 : #965491 : ±0
48 : #9d5897 : +2
50 : #a35c9d : +4
52 : #a762a1 : +6
54 : #ab69a5 : +8
56 : #ae6fa9 : +10
58 : #b276ad : +12
60 : #b67cb1 : +14
62 : #b983b5 : +16
64 : #bd89b9 : +18
66 : #c190bd : +20
68 : #c497c0 : +22
70 : #c89dc4 : +24
72 : #cca4c8 : +26
74 : #cfaacc : +28
76 : #d3b1d0 : +30
78 : #d7b7d4 : +32
80 : #dabed8 : +34
82 : #dec4dc : +36
84 : #e2cbe0 : +38
86 : #e5d1e4 : +40
88 : #e9d8e8 : +42
90 : #eddeeb : +44
92 : #f0e5ef : +46
94 : #f4ebf3 : +48
96 : #f8f2f7 : +50
98 : #fbf8fb : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow