#480437
RGB ( 赤 = 72, 緑 = 4, 青 = 55 )
HSL ( 色相 = 315°, 彩度 = 89%, 明度 = 15% )
H : 色相 ( 315° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #480a04 : -310
15 : #481504 : -300
25 : #482104 : -290
35 : #482c04 : -280
45 : #483704 : -270
55 : #484304 : -260
65 : #434804 : -250
75 : #374804 : -240
85 : #2c4804 : -230
95 : #214804 : -220
105 : #154804 : -210
115 : #0a4804 : -200
125 : #04480a : -190
135 : #044815 : -180
145 : #044821 : -170
155 : #04482c : -160
165 : #044837 : -150
175 : #044843 : -140
185 : #044348 : -130
195 : #043748 : -120
205 : #042c48 : -110
215 : #042148 : -100
225 : #041548 : -90
235 : #040a48 : -80
245 : #0a0448 : -70
255 : #150448 : -60
265 : #210448 : -50
275 : #2c0448 : -40
285 : #370448 : -30
295 : #430448 : -20
305 : #480443 : -10
315 : #480437 : ±0
325 : #48042c : +10
335 : #480421 : +20
345 : #480415 : +30
355 : #48040a : +40
305 : #480443 : -10
306 : #480441 : -9
307 : #480440 : -8
308 : #48043f : -7
309 : #48043e : -6
310 : #48043d : -5
311 : #48043c : -4
312 : #48043b : -3
313 : #48043a : -2
314 : #480438 : -1
315 : #480437 : ±0
316 : #480436 : +1
317 : #480435 : +2
318 : #480434 : +3
319 : #480433 : +4
320 : #480432 : +5
321 : #480430 : +6
322 : #48042f : +7
323 : #48042e : +8
324 : #48042d : +9
325 : #48042c : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #272626 : -88
3 : #272527 : -86
5 : #282427 : -84
7 : #292428 : -82
9 : #2a2328 : -80
11 : #2a2228 : -78
13 : #2b2129 : -76
15 : #2c2129 : -74
17 : #2d202a : -72
19 : #2e1f2a : -70
21 : #2e1e2a : -68
23 : #2f1d2b : -66
25 : #301d2b : -64
27 : #311c2b : -62
29 : #311b2c : -60
31 : #321a2c : -58
33 : #331a2d : -56
35 : #34192d : -54
37 : #34182d : -52
39 : #35172e : -50
41 : #36172e : -48
43 : #37162e : -46
45 : #37152f : -44
47 : #38142f : -42
49 : #391430 : -40
51 : #3a1330 : -38
53 : #3b1230 : -36
55 : #3b1131 : -34
57 : #3c1031 : -32
59 : #3d1032 : -30
61 : #3e0f32 : -28
63 : #3e0e32 : -26
65 : #3f0d33 : -24
67 : #400d33 : -22
69 : #410c33 : -20
71 : #410b34 : -18
73 : #420a34 : -16
75 : #430a35 : -14
77 : #440935 : -12
79 : #440835 : -10
81 : #450736 : -8
83 : #460736 : -6
85 : #470637 : -4
87 : #480537 : -2
89 : #480437 : ±0
91 : #490338 : +2
93 : #4a0338 : +4
95 : #4b0238 : +6
97 : #4b0139 : +8
99 : #4c0039 : +10
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #050004 : -14
3 : #0e010b : -12
5 : #180112 : -10
7 : #22021a : -8
9 : #2b0321 : -6
11 : #350329 : -4
13 : #3f0430 : -2
15 : #480437 : ±0
17 : #52053f : +2
19 : #5c0546 : +4
21 : #65064d : +6
23 : #6f0655 : +8
25 : #78075c : +10
27 : #820863 : +12
29 : #8c086b : +14
31 : #950972 : +16
33 : #9f097a : +18
35 : #a90a81 : +20
37 : #b20a88 : +22
39 : #bc0b90 : +24
41 : #c60c97 : +26
43 : #cf0c9e : +28
45 : #d90da6 : +30
47 : #e30dad : +32
49 : #ec0eb5 : +34
51 : #f113ba : +36
53 : #f21cbc : +38
55 : #f226bf : +40
57 : #f330c2 : +42
59 : #f339c5 : +44
61 : #f443c8 : +46
63 : #f54dcb : +48
65 : #f556cd : +50
67 : #f660d0 : +52
69 : #f66ad3 : +54
71 : #f773d6 : +56
73 : #f77dd9 : +58
75 : #f887dc : +60
77 : #f990de : +62
79 : #f99ae1 : +64
81 : #faa3e4 : +66
83 : #faade7 : +68
85 : #fbb7ea : +70
87 : #fbc0ed : +72
89 : #fccaef : +74
91 : #fcd4f2 : +76
93 : #fdddf5 : +78
95 : #fee7f8 : +80
97 : #fef1fb : +82
99 : #fffafe : +84
CSS入門、作ってます。
text-shadow