#482458
RGB ( 赤 = 72, 緑 = 36, 青 = 88 )
HSL ( 色相 = 282°, 彩度 = 42%, 明度 = 24% )
H : 色相 ( 282° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #572523 : -280
12 : #572e23 : -270
22 : #573623 : -260
32 : #573f23 : -250
42 : #574723 : -240
52 : #575023 : -230
62 : #555723 : -220
72 : #4d5723 : -210
82 : #445723 : -200
92 : #3b5723 : -190
102 : #335723 : -180
112 : #2a5723 : -170
122 : #235725 : -160
132 : #23572e : -150
142 : #235736 : -140
152 : #23573f : -130
162 : #235747 : -120
172 : #235750 : -110
182 : #235557 : -100
192 : #234d57 : -90
202 : #234457 : -80
212 : #233b57 : -70
222 : #233357 : -60
232 : #232a57 : -50
242 : #252357 : -40
252 : #2e2357 : -30
262 : #362357 : -20
272 : #3f2357 : -10
282 : #472357 : ±0
292 : #502357 : +10
302 : #572355 : +20
312 : #57234d : +30
322 : #572344 : +40
332 : #57233b : +50
342 : #572333 : +60
352 : #57232a : +70
272 : #3f2357 : -10
273 : #402357 : -9
274 : #412357 : -8
275 : #412357 : -7
276 : #422357 : -6
277 : #432357 : -5
278 : #442357 : -4
279 : #452357 : -3
280 : #462357 : -2
281 : #472357 : -1
282 : #472357 : ±0
283 : #482357 : +1
284 : #492357 : +2
285 : #4a2357 : +3
286 : #4b2357 : +4
287 : #4c2357 : +5
288 : #4d2357 : +6
289 : #4d2357 : +7
290 : #4e2357 : +8
291 : #4f2357 : +9
292 : #502357 : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -42
2 : #3e3c3e : -40
4 : #3e3b40 : -38
6 : #3f3a41 : -36
8 : #3f3842 : -34
10 : #403743 : -32
12 : #403645 : -30
14 : #413546 : -28
16 : #413347 : -26
18 : #423248 : -24
20 : #423149 : -22
22 : #43304b : -20
24 : #432f4c : -18
26 : #442d4d : -16
28 : #442c4e : -14
30 : #452b50 : -12
32 : #452a51 : -10
34 : #462852 : -8
36 : #462753 : -6
38 : #472654 : -4
40 : #472556 : -2
42 : #472357 : ±0
44 : #482258 : +2
46 : #482159 : +4
48 : #49205b : +6
50 : #491f5c : +8
52 : #4a1d5d : +10
54 : #4a1c5e : +12
56 : #4b1b5f : +14
58 : #4b1a61 : +16
60 : #4c1862 : +18
62 : #4c1763 : +20
64 : #4d1664 : +22
66 : #4d1566 : +24
68 : #4e1467 : +26
70 : #4e1268 : +28
72 : #4f1169 : +30
74 : #4f106a : +32
76 : #500f6c : +34
78 : #500d6d : +36
80 : #510c6e : +38
82 : #510b6f : +40
84 : #520a71 : +42
86 : #520972 : +44
88 : #530773 : +46
90 : #530674 : +48
92 : #540576 : +50
94 : #540477 : +52
96 : #550278 : +54
98 : #550179 : +56
100 : #56007a : +58
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #060307 : -22
4 : #0c060e : -20
6 : #120916 : -18
8 : #180c1d : -16
10 : #1e0f24 : -14
12 : #24122b : -12
14 : #2a1533 : -10
16 : #30183a : -8
18 : #361b41 : -6
20 : #3c1e48 : -4
22 : #422150 : -2
24 : #472357 : ±0
26 : #4d265e : +2
28 : #532965 : +4
30 : #592c6d : +6
32 : #5f2f74 : +8
34 : #65327b : +10
36 : #6b3582 : +12
38 : #71388a : +14
40 : #773b91 : +16
42 : #7d3e98 : +18
44 : #83419f : +20
46 : #8944a7 : +22
48 : #8f47ae : +24
50 : #954ab5 : +26
52 : #9951b8 : +28
54 : #9d58bb : +30
56 : #a260be : +32
58 : #a667c1 : +34
60 : #aa6ec4 : +36
62 : #ae75c7 : +38
64 : #b37dca : +40
66 : #b784cd : +42
68 : #bb8bd0 : +44
70 : #bf92d3 : +46
72 : #c49ad6 : +48
74 : #c8a1d9 : +50
76 : #cca8dc : +52
78 : #d0afde : +54
80 : #d5b7e1 : +56
82 : #d9bee4 : +58
84 : #ddc5e7 : +60
86 : #e1ccea : +62
88 : #e6d4ed : +64
90 : #eadbf0 : +66
92 : #eee2f3 : +68
94 : #f2e9f6 : +70
96 : #f7f1f9 : +72
98 : #fbf8fc : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow