#480436
RGB ( 赤 = 72, 緑 = 4, 青 = 54 )
HSL ( 色相 = 316°, 彩度 = 89%, 明度 = 15% )
H : 色相 ( 316° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #480b04 : -310
16 : #481604 : -300
26 : #482204 : -290
36 : #482d04 : -280
46 : #483804 : -270
56 : #484404 : -260
66 : #414804 : -250
76 : #364804 : -240
86 : #2b4804 : -230
96 : #1f4804 : -220
106 : #144804 : -210
116 : #094804 : -200
126 : #04480b : -190
136 : #044816 : -180
146 : #044822 : -170
156 : #04482d : -160
166 : #044838 : -150
176 : #044844 : -140
186 : #044148 : -130
196 : #043648 : -120
206 : #042b48 : -110
216 : #041f48 : -100
226 : #041448 : -90
236 : #040948 : -80
246 : #0b0448 : -70
256 : #160448 : -60
266 : #220448 : -50
276 : #2d0448 : -40
286 : #380448 : -30
296 : #440448 : -20
306 : #480441 : -10
316 : #480436 : ±0
326 : #48042b : +10
336 : #48041f : +20
346 : #480414 : +30
356 : #480409 : +40
306 : #480441 : -10
307 : #480440 : -9
308 : #48043f : -8
309 : #48043e : -7
310 : #48043d : -6
311 : #48043c : -5
312 : #48043b : -4
313 : #48043a : -3
314 : #480438 : -2
315 : #480437 : -1
316 : #480436 : ±0
317 : #480435 : +1
318 : #480434 : +2
319 : #480433 : +3
320 : #480432 : +4
321 : #480430 : +5
322 : #48042f : +6
323 : #48042e : +7
324 : #48042d : +8
325 : #48042c : +9
326 : #48042b : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #272626 : -88
3 : #272527 : -86
5 : #282427 : -84
7 : #292427 : -82
9 : #2a2328 : -80
11 : #2a2228 : -78
13 : #2b2129 : -76
15 : #2c2129 : -74
17 : #2d2029 : -72
19 : #2e1f2a : -70
21 : #2e1e2a : -68
23 : #2f1d2a : -66
25 : #301d2b : -64
27 : #311c2b : -62
29 : #311b2b : -60
31 : #321a2c : -58
33 : #331a2c : -56
35 : #34192c : -54
37 : #34182d : -52
39 : #35172d : -50
41 : #36172e : -48
43 : #37162e : -46
45 : #37152e : -44
47 : #38142f : -42
49 : #39142f : -40
51 : #3a132f : -38
53 : #3b1230 : -36
55 : #3b1130 : -34
57 : #3c1030 : -32
59 : #3d1031 : -30
61 : #3e0f31 : -28
63 : #3e0e31 : -26
65 : #3f0d32 : -24
67 : #400d32 : -22
69 : #410c33 : -20
71 : #410b33 : -18
73 : #420a33 : -16
75 : #430a34 : -14
77 : #440934 : -12
79 : #440834 : -10
81 : #450735 : -8
83 : #460735 : -6
85 : #470635 : -4
87 : #480536 : -2
89 : #480436 : ±0
91 : #490336 : +2
93 : #4a0337 : +4
95 : #4b0237 : +6
97 : #4b0138 : +8
99 : #4c0038 : +10
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #050004 : -14
3 : #0e010b : -12
5 : #180112 : -10
7 : #220219 : -8
9 : #2b0320 : -6
11 : #350328 : -4
13 : #3f042f : -2
15 : #480436 : ±0
17 : #52053d : +2
19 : #5c0545 : +4
21 : #65064c : +6
23 : #6f0653 : +8
25 : #78075a : +10
27 : #820861 : +12
29 : #8c0869 : +14
31 : #950970 : +16
33 : #9f0977 : +18
35 : #a90a7e : +20
37 : #b20a86 : +22
39 : #bc0b8d : +24
41 : #c60c94 : +26
43 : #cf0c9b : +28
45 : #d90da2 : +30
47 : #e30daa : +32
49 : #ec0eb1 : +34
51 : #f113b6 : +36
53 : #f21cb9 : +38
55 : #f226bc : +40
57 : #f330bf : +42
59 : #f339c2 : +44
61 : #f443c5 : +46
63 : #f54dc8 : +48
65 : #f556cb : +50
67 : #f660ce : +52
69 : #f66ad1 : +54
71 : #f773d4 : +56
73 : #f77dd7 : +58
75 : #f887da : +60
77 : #f990dd : +62
79 : #f99ae0 : +64
81 : #faa3e3 : +66
83 : #faade6 : +68
85 : #fbb7e9 : +70
87 : #fbc0ec : +72
89 : #fccaef : +74
91 : #fcd4f2 : +76
93 : #fdddf5 : +78
95 : #fee7f8 : +80
97 : #fef1fb : +82
99 : #fffafe : +84
CSS入門、作ってます。
text-shadow