#580292
RGB ( 赤 = 88, 緑 = 2, 青 = 146 )
HSL ( 色相 = 276°, 彩度 = 97%, 明度 = 29% )
H : 色相 ( 276° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #921102 : -270
16 : #922802 : -260
26 : #924002 : -250
36 : #925802 : -240
46 : #927002 : -230
56 : #928802 : -220
66 : #839202 : -210
76 : #6b9202 : -200
86 : #549202 : -190
96 : #3c9202 : -180
106 : #249202 : -170
116 : #0c9202 : -160
126 : #029211 : -150
136 : #029228 : -140
146 : #029240 : -130
156 : #029258 : -120
166 : #029270 : -110
176 : #029288 : -100
186 : #028392 : -90
196 : #026b92 : -80
206 : #025492 : -70
216 : #023c92 : -60
226 : #022492 : -50
236 : #020c92 : -40
246 : #110292 : -30
256 : #280292 : -20
266 : #400292 : -10
276 : #580292 : ±0
286 : #700292 : +10
296 : #880292 : +20
306 : #920283 : +30
316 : #92026b : +40
326 : #920254 : +50
336 : #92023c : +60
346 : #920224 : +70
356 : #92020c : +80
266 : #400292 : -10
267 : #430292 : -9
268 : #450292 : -8
269 : #480292 : -7
270 : #4a0292 : -6
271 : #4c0292 : -5
272 : #4f0292 : -4
273 : #510292 : -3
274 : #540292 : -2
275 : #560292 : -1
276 : #580292 : ±0
277 : #5b0292 : +1
278 : #5d0292 : +2
279 : #5f0292 : +3
280 : #620292 : +4
281 : #640292 : +5
282 : #670292 : +6
283 : #690292 : +7
284 : #6b0292 : +8
285 : #6e0292 : +9
286 : #700292 : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4a494b : -96
3 : #4a484c : -94
5 : #4b464e : -92
7 : #4b454f : -90
9 : #4b4351 : -88
11 : #4c4252 : -86
13 : #4c4054 : -84
15 : #4c3f55 : -82
17 : #4c3d57 : -80
19 : #4d3c58 : -78
21 : #4d3a59 : -76
23 : #4d395b : -74
25 : #4e375c : -72
27 : #4e365e : -70
29 : #4e355f : -68
31 : #4f3361 : -66
33 : #4f3262 : -64
35 : #4f3064 : -62
37 : #4f2f65 : -60
39 : #502d67 : -58
41 : #502c68 : -56
43 : #502a6a : -54
45 : #51296b : -52
47 : #51276d : -50
49 : #51266e : -48
51 : #512470 : -46
53 : #522371 : -44
55 : #522173 : -42
57 : #522074 : -40
59 : #531e76 : -38
61 : #531d77 : -36
63 : #531b79 : -34
65 : #541a7a : -32
67 : #54187b : -30
69 : #54177d : -28
71 : #54157e : -26
73 : #551480 : -24
75 : #551281 : -22
77 : #551183 : -20
79 : #561084 : -18
81 : #560e86 : -16
83 : #560d87 : -14
85 : #570b89 : -12
87 : #570a8a : -10
89 : #57088c : -8
91 : #57078d : -6
93 : #58058f : -4
95 : #580490 : -2
97 : #580292 : ±0
99 : #590193 : +2
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #030005 : -28
3 : #09000f : -26
5 : #0f0019 : -24
7 : #150123 : -22
9 : #1b012d : -20
11 : #210137 : -18
13 : #280141 : -16
15 : #2e014b : -14
17 : #340155 : -12
19 : #3a015f : -10
21 : #400269 : -8
23 : #460274 : -6
25 : #4c027e : -4
27 : #520288 : -2
29 : #580292 : ±0
31 : #5e029c : +2
33 : #6403a6 : +4
35 : #6b03b0 : +6
37 : #7103ba : +8
39 : #7703c4 : +10
41 : #7d03ce : +12
43 : #8303d8 : +14
45 : #8903e2 : +16
47 : #8f04ec : +18
49 : #9504f6 : +20
51 : #9a09fb : +22
53 : #9e13fb : +24
55 : #a31dfc : +26
57 : #a727fc : +28
59 : #ab31fc : +30
61 : #af3bfc : +32
63 : #b345fc : +34
65 : #b74ffc : +36
67 : #bb59fc : +38
69 : #bf63fd : +40
71 : #c36dfd : +42
73 : #c877fd : +44
75 : #cc81fd : +46
77 : #d08bfd : +48
79 : #d496fd : +50
81 : #d8a0fe : +52
83 : #dcaafe : +54
85 : #e0b4fe : +56
87 : #e4befe : +58
89 : #e8c8fe : +60
91 : #edd2fe : +62
93 : #f1dcfe : +64
95 : #f5e6ff : +66
97 : #f9f0ff : +68
99 : #fdfaff : +70
CSS入門、作ってます。
text-shadow