#549658
RGB ( 赤 = 84, 緑 = 150, 青 = 88 )
HSL ( 色相 = 124°, 彩度 = 28%, 明度 = 46% )
H : 色相 ( 124° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #965954 : -120
14 : #966454 : -110
24 : #966f54 : -100
34 : #967a54 : -90
44 : #968554 : -80
54 : #969054 : -70
64 : #929654 : -60
74 : #879654 : -50
84 : #7c9654 : -40
94 : #719654 : -30
104 : #669654 : -20
114 : #5b9654 : -10
124 : #549659 : ±0
134 : #549664 : +10
144 : #54966f : +20
154 : #54967a : +30
164 : #549685 : +40
174 : #549690 : +50
184 : #549296 : +60
194 : #548796 : +70
204 : #547c96 : +80
214 : #547196 : +90
224 : #546696 : +100
234 : #545b96 : +110
244 : #595496 : +120
254 : #645496 : +130
264 : #6f5496 : +140
274 : #7a5496 : +150
284 : #855496 : +160
294 : #905496 : +170
304 : #965492 : +180
314 : #965487 : +190
324 : #96547c : +200
334 : #965471 : +210
344 : #965466 : +220
354 : #96545b : +230
114 : #5b9654 : -10
115 : #5a9654 : -9
116 : #599654 : -8
117 : #589654 : -7
118 : #579654 : -6
119 : #569654 : -5
120 : #549654 : -4
121 : #549656 : -3
122 : #549657 : -2
123 : #549658 : -1
124 : #549659 : ±0
125 : #54965a : +1
126 : #54965b : +2
127 : #54965c : +3
128 : #54965d : +4
129 : #54965e : +5
130 : #54965f : +6
131 : #549660 : +7
132 : #549662 : +8
133 : #549663 : +9
134 : #549664 : +10
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -28
2 : #737873 : -26
4 : #717a71 : -24
6 : #6e7c6f : -22
8 : #6c7f6d : -20
10 : #6a816b : -18
12 : #678369 : -16
14 : #658667 : -14
16 : #638865 : -12
18 : #608a63 : -10
20 : #5e8d61 : -8
22 : #5b8f5f : -6
24 : #59915d : -4
26 : #57945b : -2
28 : #549659 : ±0
30 : #529857 : +2
32 : #509b55 : +4
34 : #4d9d53 : +6
36 : #4ba051 : +8
38 : #49a24f : +10
40 : #46a44d : +12
42 : #44a74b : +14
44 : #42a949 : +16
46 : #3fab47 : +18
48 : #3dae45 : +20
50 : #3bb042 : +22
52 : #38b240 : +24
54 : #36b53e : +26
56 : #34b73c : +28
58 : #31b93a : +30
60 : #2fbc38 : +32
62 : #2dbe36 : +34
64 : #2ac034 : +36
66 : #28c332 : +38
68 : #26c530 : +40
70 : #23c72e : +42
72 : #21ca2c : +44
74 : #1ecc2a : +46
76 : #1cce28 : +48
78 : #1ad126 : +50
80 : #17d324 : +52
82 : #15d522 : +54
84 : #13d820 : +56
86 : #10da1e : +58
88 : #0edd1c : +60
90 : #0cdf1a : +62
92 : #09e118 : +64
94 : #07e416 : +66
96 : #05e614 : +68
98 : #02e812 : +70
100 : #00eb10 : +72
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #040704 : -44
4 : #070d08 : -42
6 : #0b140c : -40
8 : #0f1a0f : -38
10 : #122113 : -36
12 : #162717 : -34
14 : #1a2e1b : -32
16 : #1d341f : -30
18 : #213b23 : -28
20 : #254127 : -26
22 : #28482a : -24
24 : #2c4e2e : -22
26 : #305532 : -20
28 : #335b36 : -18
30 : #37623a : -16
32 : #3b683e : -14
34 : #3e6f42 : -12
36 : #427646 : -10
38 : #467c49 : -8
40 : #49834d : -6
42 : #4d8951 : -4
44 : #519055 : -2
46 : #549659 : ±0
48 : #589d5d : +2
50 : #5ca361 : +4
52 : #62a767 : +6
54 : #69ab6d : +8
56 : #6fae74 : +10
58 : #76b27a : +12
60 : #7cb680 : +14
62 : #83b987 : +16
64 : #89bd8d : +18
66 : #90c193 : +20
68 : #97c49a : +22
70 : #9dc8a0 : +24
72 : #a4cca6 : +26
74 : #aacfad : +28
76 : #b1d3b3 : +30
78 : #b7d7b9 : +32
80 : #bedac0 : +34
82 : #c4dec6 : +36
84 : #cbe2cc : +38
86 : #d1e5d3 : +40
88 : #d8e9d9 : +42
90 : #deeddf : +44
92 : #e5f0e6 : +46
94 : #ebf4ec : +48
96 : #f2f8f2 : +50
98 : #f8fbf9 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow