#480520
RGB ( 赤 = 72, 緑 = 5, 青 = 32 )
HSL ( 色相 = 336°, 彩度 = 87%, 明度 = 15% )
H : 色相 ( 336° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #480c05 : -330
16 : #481705 : -320
26 : #482205 : -310
36 : #482d05 : -300
46 : #483805 : -290
56 : #484305 : -280
66 : #414805 : -270
76 : #364805 : -260
86 : #2b4805 : -250
96 : #204805 : -240
106 : #154805 : -230
116 : #094805 : -220
126 : #05480c : -210
136 : #054817 : -200
146 : #054822 : -190
156 : #05482d : -180
166 : #054838 : -170
176 : #054843 : -160
186 : #054148 : -150
196 : #053648 : -140
206 : #052b48 : -130
216 : #052048 : -120
226 : #051548 : -110
236 : #050948 : -100
246 : #0c0548 : -90
256 : #170548 : -80
266 : #220548 : -70
276 : #2d0548 : -60
286 : #380548 : -50
296 : #430548 : -40
306 : #480541 : -30
316 : #480536 : -20
326 : #48052b : -10
336 : #480520 : ±0
346 : #480515 : +10
356 : #480509 : +20
326 : #48052b : -10
327 : #48052a : -9
328 : #480528 : -8
329 : #480527 : -7
330 : #480526 : -6
331 : #480525 : -5
332 : #480524 : -4
333 : #480523 : -3
334 : #480522 : -2
335 : #480521 : -1
336 : #480520 : ±0
337 : #48051e : +1
338 : #48051d : +2
339 : #48051c : +3
340 : #48051b : +4
341 : #48051a : +5
342 : #480519 : +6
343 : #480518 : +7
344 : #480517 : +8
345 : #480516 : +9
346 : #480515 : +10
S : 彩度 ( 87% )
(0%) 渋い ~ 鮮やか (100%)
1 : #272626 : -86
3 : #272526 : -84
5 : #282426 : -82
7 : #292426 : -80
9 : #2a2326 : -78
11 : #2a2225 : -76
13 : #2b2125 : -74
15 : #2c2125 : -72
17 : #2d2025 : -70
19 : #2e1f25 : -68
21 : #2e1e25 : -66
23 : #2f1d24 : -64
25 : #301d24 : -62
27 : #311c24 : -60
29 : #311b24 : -58
31 : #321a24 : -56
33 : #331a24 : -54
35 : #341924 : -52
37 : #341823 : -50
39 : #351723 : -48
41 : #361723 : -46
43 : #371623 : -44
45 : #371523 : -42
47 : #381423 : -40
49 : #391423 : -38
51 : #3a1322 : -36
53 : #3b1222 : -34
55 : #3b1122 : -32
57 : #3c1022 : -30
59 : #3d1022 : -28
61 : #3e0f22 : -26
63 : #3e0e21 : -24
65 : #3f0d21 : -22
67 : #400d21 : -20
69 : #410c21 : -18
71 : #410b21 : -16
73 : #420a21 : -14
75 : #430a21 : -12
77 : #440920 : -10
79 : #440820 : -8
81 : #450720 : -6
83 : #460720 : -4
85 : #470620 : -2
87 : #480520 : ±0
89 : #48041f : +2
91 : #49031f : +4
93 : #4a031f : +6
95 : #4b021f : +8
97 : #4b011f : +10
99 : #4c001f : +12
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #050002 : -14
3 : #0e0106 : -12
5 : #18020b : -10
7 : #21020f : -8
9 : #2b0313 : -6
11 : #340417 : -4
13 : #3e041b : -2
15 : #480520 : ±0
17 : #510624 : +2
19 : #5b0628 : +4
21 : #64072c : +6
23 : #6e0830 : +8
25 : #770835 : +10
27 : #810939 : +12
29 : #8a0a3d : +14
31 : #940a41 : +16
33 : #9d0b46 : +18
35 : #a70c4a : +20
37 : #b00c4e : +22
39 : #ba0d52 : +24
41 : #c40e56 : +26
43 : #cd0e5b : +28
45 : #d70f5f : +30
47 : #e01063 : +32
49 : #ea1067 : +34
51 : #ef156c : +36
53 : #ef1f72 : +38
55 : #f02878 : +40
57 : #f1327e : +42
59 : #f13b84 : +44
61 : #f2458a : +46
63 : #f34f90 : +48
65 : #f35896 : +50
67 : #f4629c : +52
69 : #f56ba2 : +54
71 : #f575a8 : +56
73 : #f67eae : +58
75 : #f788b4 : +60
77 : #f791ba : +62
79 : #f89bc0 : +64
81 : #f9a4c6 : +66
83 : #f9aecc : +68
85 : #fab7d2 : +70
87 : #fbc1d8 : +72
89 : #fbcbde : +74
91 : #fcd4e4 : +76
93 : #fddeea : +78
95 : #fde7f0 : +80
97 : #fef1f6 : +82
99 : #fffafc : +84
CSS入門、作ってます。
text-shadow