#97bd56
RGB ( 赤 = 151, 緑 = 189, 青 = 86 )
HSL ( 色相 = 82°, 彩度 = 44%, 明度 = 54% )
H : 色相 ( 82° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #bd5a56 : -80
12 : #bd6b56 : -70
22 : #bd7c56 : -60
32 : #bd8d56 : -50
42 : #bd9e56 : -40
52 : #bdb056 : -30
62 : #babd56 : -20
72 : #a9bd56 : -10
82 : #97bd56 : ±0
92 : #86bd56 : +10
102 : #75bd56 : +20
112 : #64bd56 : +30
122 : #56bd5a : +40
132 : #56bd6b : +50
142 : #56bd7c : +60
152 : #56bd8d : +70
162 : #56bd9e : +80
172 : #56bdb0 : +90
182 : #56babd : +100
192 : #56a9bd : +110
202 : #5697bd : +120
212 : #5686bd : +130
222 : #5675bd : +140
232 : #5664bd : +150
242 : #5a56bd : +160
252 : #6b56bd : +170
262 : #7c56bd : +180
272 : #8d56bd : +190
282 : #9e56bd : +200
292 : #b056bd : +210
302 : #bd56ba : +220
312 : #bd56a9 : +230
322 : #bd5697 : +240
332 : #bd5686 : +250
342 : #bd5675 : +260
352 : #bd5664 : +270
72 : #a9bd56 : -10
73 : #a7bd56 : -9
74 : #a5bd56 : -8
75 : #a4bd56 : -7
76 : #a2bd56 : -6
77 : #a0bd56 : -5
78 : #9ebd56 : -4
79 : #9dbd56 : -3
80 : #9bbd56 : -2
81 : #99bd56 : -1
82 : #97bd56 : ±0
83 : #96bd56 : +1
84 : #94bd56 : +2
85 : #92bd56 : +3
86 : #91bd56 : +4
87 : #8fbd56 : +5
88 : #8dbd56 : +6
89 : #8bbd56 : +7
90 : #8abd56 : +8
91 : #88bd56 : +9
92 : #86bd56 : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #898989 : -44
2 : #8a8c87 : -42
4 : #8b8e85 : -40
6 : #8c9183 : -38
8 : #8c9380 : -36
10 : #8d957e : -34
12 : #8d987c : -32
14 : #8e9a79 : -30
16 : #8f9c77 : -28
18 : #8f9f75 : -26
20 : #90a172 : -24
22 : #91a470 : -22
24 : #91a66e : -20
26 : #92a86b : -18
28 : #92ab69 : -16
30 : #93ad67 : -14
32 : #94af64 : -12
34 : #94b262 : -10
36 : #95b45f : -8
38 : #96b65d : -6
40 : #96b95b : -4
42 : #97bb58 : -2
44 : #97bd56 : ±0
46 : #98c054 : +2
48 : #99c251 : +4
50 : #99c44f : +6
52 : #9ac74d : +8
54 : #9bc94a : +10
56 : #9bcb48 : +12
58 : #9cce46 : +14
60 : #9cd043 : +16
62 : #9dd241 : +18
64 : #9ed53f : +20
66 : #9ed73c : +22
68 : #9fd93a : +24
70 : #a0dc38 : +26
72 : #a0de35 : +28
74 : #a1e133 : +30
76 : #a1e331 : +32
78 : #a2e52e : +34
80 : #a3e82c : +36
82 : #a3ea2a : +38
84 : #a4ec27 : +40
86 : #a5ef25 : +42
88 : #a5f122 : +44
90 : #a6f320 : +46
92 : #a6f61e : +48
94 : #a7f81b : +50
96 : #a8fa19 : +52
98 : #a8fd17 : +54
100 : #a9ff14 : +56
L : 明度 ( 54% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -54
2 : #060703 : -52
4 : #0b0f06 : -50
6 : #111609 : -48
8 : #171d0b : -46
10 : #1c250e : -44
12 : #222c11 : -42
14 : #283314 : -40
16 : #2e3b17 : -38
18 : #33421a : -36
20 : #39491d : -34
22 : #3f511f : -32
24 : #445822 : -30
26 : #4a5f25 : -28
28 : #506728 : -26
30 : #556e2b : -24
32 : #5b762e : -22
34 : #617d31 : -20
36 : #678433 : -18
38 : #6c8c36 : -16
40 : #729339 : -14
42 : #789a3c : -12
44 : #7da23f : -10
46 : #83a942 : -8
48 : #89b045 : -6
50 : #8eb847 : -4
52 : #93ba4f : -2
54 : #97bd56 : ±0
56 : #9cc05d : +2
58 : #a0c365 : +4
60 : #a5c66c : +6
62 : #a9c973 : +8
64 : #aecc7b : +10
66 : #b2ce82 : +12
68 : #b7d189 : +14
70 : #bbd491 : +16
72 : #c0d798 : +18
74 : #c4daa0 : +20
76 : #c9dda7 : +22
78 : #cde0ae : +24
80 : #d2e2b6 : +26
82 : #d6e5bd : +28
84 : #dbe8c4 : +30
86 : #dfebcc : +32
88 : #e4eed3 : +34
90 : #e8f1da : +36
92 : #edf4e2 : +38
94 : #f1f6e9 : +40
96 : #f6f9f0 : +42
98 : #fafcf8 : +44
100 : #ffffff : +46
CSS入門、作ってます。
text-shadow