#48044d
RGB ( 赤 = 72, 緑 = 4, 青 = 77 )
HSL ( 色相 = 296°, 彩度 = 90%, 明度 = 16% )
H : 色相 ( 296° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #4e0b04 : -290
16 : #4e1804 : -280
26 : #4e2404 : -270
36 : #4e3004 : -260
46 : #4e3c04 : -250
56 : #4e4904 : -240
66 : #464e04 : -230
76 : #3a4e04 : -220
86 : #2e4e04 : -210
96 : #214e04 : -200
106 : #154e04 : -190
116 : #094e04 : -180
126 : #044e0b : -170
136 : #044e18 : -160
146 : #044e24 : -150
156 : #044e30 : -140
166 : #044e3c : -130
176 : #044e49 : -120
186 : #04464e : -110
196 : #043a4e : -100
206 : #042e4e : -90
216 : #04214e : -80
226 : #04154e : -70
236 : #04094e : -60
246 : #0b044e : -50
256 : #18044e : -40
266 : #24044e : -30
276 : #30044e : -20
286 : #3c044e : -10
296 : #49044e : ±0
306 : #4e0446 : +10
316 : #4e043a : +20
326 : #4e042e : +30
336 : #4e0421 : +40
346 : #4e0415 : +50
356 : #4e0409 : +60
286 : #3c044e : -10
287 : #3e044e : -9
288 : #3f044e : -8
289 : #40044e : -7
290 : #41044e : -6
291 : #43044e : -5
292 : #44044e : -4
293 : #45044e : -3
294 : #46044e : -2
295 : #47044e : -1
296 : #49044e : ±0
297 : #4a044e : +1
298 : #4b044e : +2
299 : #4c044e : +3
300 : #4e044e : +4
301 : #4e044c : +5
302 : #4e044b : +6
303 : #4e044a : +7
304 : #4e0449 : +8
305 : #4e0447 : +9
306 : #4e0446 : +10
S : 彩度 ( 90% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -90
2 : #2a282a : -88
4 : #2a272a : -86
6 : #2b262b : -84
8 : #2c262c : -82
10 : #2c252d : -80
12 : #2d242e : -78
14 : #2e232f : -76
16 : #2e222f : -74
18 : #2f2130 : -72
20 : #302131 : -70
22 : #312032 : -68
24 : #311f33 : -66
26 : #321e33 : -64
28 : #331d34 : -62
30 : #331d35 : -60
32 : #341c36 : -58
34 : #351b37 : -56
36 : #361a37 : -54
38 : #361938 : -52
40 : #371839 : -50
42 : #38183a : -48
44 : #38173b : -46
46 : #39163c : -44
48 : #3a153c : -42
50 : #3a143d : -40
52 : #3b143e : -38
54 : #3c133f : -36
56 : #3d1240 : -34
58 : #3d1140 : -32
60 : #3e1041 : -30
62 : #3f1042 : -28
64 : #3f0f43 : -26
66 : #400e44 : -24
68 : #410d45 : -22
70 : #420c45 : -20
72 : #420b46 : -18
74 : #430b47 : -16
76 : #440a48 : -14
78 : #440949 : -12
80 : #450849 : -10
82 : #46074a : -8
84 : #47074b : -6
86 : #47064c : -4
88 : #48054d : -2
90 : #49044e : ±0
92 : #49034e : +2
94 : #4a024f : +4
96 : #4b0250 : +6
98 : #4b0151 : +8
100 : #4c0052 : +10
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #09010a : -14
4 : #120113 : -12
6 : #1b021d : -10
8 : #240227 : -8
10 : #2d0330 : -6
12 : #36033a : -4
14 : #400444 : -2
16 : #49044e : ±0
18 : #520557 : +2
20 : #5b0561 : +4
22 : #64066b : +6
24 : #6d0674 : +8
26 : #76077e : +10
28 : #7f0788 : +12
30 : #880891 : +14
32 : #91089b : +16
34 : #9a09a5 : +18
36 : #a309ae : +20
38 : #ac0ab8 : +22
40 : #b60ac2 : +24
42 : #bf0bcb : +26
44 : #c80bd5 : +28
46 : #d10cdf : +30
48 : #da0ce9 : +32
50 : #e30df2 : +34
52 : #e416f3 : +36
54 : #e520f3 : +38
56 : #e62af4 : +40
58 : #e734f4 : +42
60 : #e93df5 : +44
62 : #ea47f5 : +46
64 : #eb51f6 : +48
66 : #ec5af6 : +50
68 : #ed64f7 : +52
70 : #ee6ef7 : +54
72 : #ef77f8 : +56
74 : #f081f8 : +58
76 : #f28bf9 : +60
78 : #f394f9 : +62
80 : #f49efa : +64
82 : #f5a8fa : +66
84 : #f6b1fb : +68
86 : #f7bbfb : +70
88 : #f8c5fc : +72
90 : #f9cffc : +74
92 : #fbd8fd : +76
94 : #fce2fd : +78
96 : #fdecfe : +80
98 : #fef5fe : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow