#97da58
RGB ( 赤 = 151, 緑 = 218, 青 = 88 )
HSL ( 色相 = 91°, 彩度 = 64%, 明度 = 60% )
H : 色相 ( 91° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #da5a58 : -90
11 : #da7058 : -80
21 : #da8558 : -70
31 : #da9b58 : -60
41 : #dab158 : -50
51 : #dac758 : -40
61 : #d8da58 : -30
71 : #c2da58 : -20
81 : #adda58 : -10
91 : #97da58 : ±0
101 : #81da58 : +10
111 : #6bda58 : +20
121 : #58da5a : +30
131 : #58da70 : +40
141 : #58da85 : +50
151 : #58da9b : +60
161 : #58dab1 : +70
171 : #58dac7 : +80
181 : #58d8da : +90
191 : #58c2da : +100
201 : #58adda : +110
211 : #5897da : +120
221 : #5881da : +130
231 : #586bda : +140
241 : #5a58da : +150
251 : #7058da : +160
261 : #8558da : +170
271 : #9b58da : +180
281 : #b158da : +190
291 : #c758da : +200
301 : #da58d8 : +210
311 : #da58c2 : +220
321 : #da58ad : +230
331 : #da5897 : +240
341 : #da5881 : +250
351 : #da586b : +260
81 : #adda58 : -10
82 : #aada58 : -9
83 : #a8da58 : -8
84 : #a6da58 : -7
85 : #a4da58 : -6
86 : #a2da58 : -5
87 : #a0da58 : -4
88 : #9dda58 : -3
89 : #9bda58 : -2
90 : #99da58 : -1
91 : #97da58 : ±0
92 : #95da58 : +1
93 : #92da58 : +2
94 : #90da58 : +3
95 : #8eda58 : +4
96 : #8cda58 : +5
97 : #8ada58 : +6
98 : #88da58 : +7
99 : #85da58 : +8
100 : #83da58 : +9
101 : #81da58 : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #999999 : -64
2 : #999b97 : -62
4 : #999d95 : -60
6 : #999f93 : -58
8 : #99a191 : -56
10 : #99a38f : -54
12 : #99a58d : -52
14 : #99a78b : -50
16 : #98a989 : -48
18 : #98ab87 : -46
20 : #98ad85 : -44
22 : #98af83 : -42
24 : #98b181 : -40
26 : #98b47e : -38
28 : #98b67c : -36
30 : #98b87a : -34
32 : #98ba78 : -32
34 : #98bc76 : -30
36 : #98be74 : -28
38 : #98c072 : -26
40 : #98c270 : -24
42 : #98c46e : -22
44 : #98c66c : -20
46 : #97c86a : -18
48 : #97ca68 : -16
50 : #97cc66 : -14
52 : #97ce64 : -12
54 : #97d062 : -10
56 : #97d260 : -8
58 : #97d45e : -6
60 : #97d65c : -4
62 : #97d85a : -2
64 : #97da58 : ±0
66 : #97dc56 : +2
68 : #97de54 : +4
70 : #97e052 : +6
72 : #97e250 : +8
74 : #96e44e : +10
76 : #96e74b : +12
78 : #96e949 : +14
80 : #96eb47 : +16
82 : #96ed45 : +18
84 : #96ef43 : +20
86 : #96f141 : +22
88 : #96f33f : +24
90 : #96f53d : +26
92 : #96f73b : +28
94 : #96f939 : +30
96 : #96fb37 : +32
98 : #96fd35 : +34
100 : #96ff33 : +36
L : 明度 ( 60% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -60
2 : #050802 : -58
4 : #0a1104 : -56
6 : #0f1906 : -54
8 : #142107 : -52
10 : #192a09 : -50
12 : #1e320b : -48
14 : #233b0d : -46
16 : #28430f : -44
18 : #2d4b11 : -42
20 : #325412 : -40
22 : #375c14 : -38
24 : #3c6416 : -36
26 : #416d18 : -34
28 : #46751a : -32
30 : #4b7d1c : -30
32 : #50861d : -28
34 : #558e1f : -26
36 : #5a9721 : -24
38 : #5f9f23 : -22
40 : #64a725 : -20
42 : #69b027 : -18
44 : #6eb828 : -16
46 : #73c02a : -14
48 : #78c92c : -12
50 : #7dd12e : -10
52 : #82d336 : -8
54 : #87d53f : -6
56 : #8cd747 : -4
58 : #92d84f : -2
60 : #97da58 : ±0
62 : #9cdc60 : +2
64 : #a1de68 : +4
66 : #a6e071 : +6
68 : #ace279 : +8
70 : #b1e382 : +10
72 : #b6e58a : +12
74 : #bbe792 : +14
76 : #c0e99b : +16
78 : #c6eba3 : +18
80 : #cbedab : +20
82 : #d0eeb4 : +22
84 : #d5f0bc : +24
86 : #dbf2c4 : +26
88 : #e0f4cd : +28
90 : #e5f6d5 : +30
92 : #eaf8de : +32
94 : #eff9e6 : +34
96 : #f5fbee : +36
98 : #fafdf7 : +38
100 : #ffffff : +40
CSS入門、作ってます。
text-shadow