#480e2b
RGB ( 赤 = 72, 緑 = 14, 青 = 43 )
HSL ( 色相 = 330°, 彩度 = 67%, 明度 = 17% )
H : 色相 ( 330° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #480e0e : -330
10 : #48180e : -320
20 : #48220e : -310
30 : #482b0e : -300
40 : #48350e : -290
50 : #483f0e : -280
60 : #48480e : -270
70 : #3f480e : -260
80 : #35480e : -250
90 : #2b480e : -240
100 : #22480e : -230
110 : #18480e : -220
120 : #0e480e : -210
130 : #0e4818 : -200
140 : #0e4822 : -190
150 : #0e482b : -180
160 : #0e4835 : -170
170 : #0e483f : -160
180 : #0e4848 : -150
190 : #0e3f48 : -140
200 : #0e3548 : -130
210 : #0e2b48 : -120
220 : #0e2248 : -110
230 : #0e1848 : -100
240 : #0e0e48 : -90
250 : #180e48 : -80
260 : #220e48 : -70
270 : #2b0e48 : -60
280 : #350e48 : -50
290 : #3f0e48 : -40
300 : #480e48 : -30
310 : #480e3f : -20
320 : #480e35 : -10
330 : #480e2b : ±0
340 : #480e22 : +10
350 : #480e18 : +20
320 : #480e35 : -10
321 : #480e34 : -9
322 : #480e33 : -8
323 : #480e32 : -7
324 : #480e31 : -6
325 : #480e30 : -5
326 : #480e2f : -4
327 : #480e2e : -3
328 : #480e2d : -2
329 : #480e2c : -1
330 : #480e2b : ±0
331 : #480e2a : +1
332 : #480e29 : +2
333 : #480e28 : +3
334 : #480e27 : +4
335 : #480e27 : +5
336 : #480e26 : +6
337 : #480e25 : +7
338 : #480e24 : +8
339 : #480e23 : +9
340 : #480e22 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2c2b2b : -66
3 : #2d2a2b : -64
5 : #2e292b : -62
7 : #2e282b : -60
9 : #2f272b : -58
11 : #30272b : -56
13 : #31262b : -54
15 : #32252b : -52
17 : #33242b : -50
19 : #34232b : -48
21 : #34222b : -46
23 : #35212b : -44
25 : #36212b : -42
27 : #37202b : -40
29 : #381f2b : -38
31 : #391e2b : -36
33 : #3a1d2b : -34
35 : #3b1c2b : -32
37 : #3b1b2b : -30
39 : #3c1a2b : -28
41 : #3d1a2b : -26
43 : #3e192b : -24
45 : #3f182b : -22
47 : #40172b : -20
49 : #41162b : -18
51 : #41152b : -16
53 : #42142b : -14
55 : #43142b : -12
57 : #44132b : -10
59 : #45122b : -8
61 : #46112b : -6
63 : #47102b : -4
65 : #480f2b : -2
67 : #480e2b : ±0
69 : #490d2b : +2
71 : #4a0d2b : +4
73 : #4b0c2b : +6
75 : #4c0b2b : +8
77 : #4d0a2b : +10
79 : #4e092b : +12
81 : #4e082b : +14
83 : #4f072b : +16
85 : #50072b : +18
87 : #51062b : +20
89 : #52052b : +22
91 : #53042b : +24
93 : #54032b : +26
95 : #55022b : +28
97 : #55012b : +30
99 : #56002b : +32
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -16
3 : #0d0308 : -14
5 : #15040d : -12
7 : #1e0612 : -10
9 : #260817 : -8
11 : #2f091c : -6
13 : #370b21 : -4
15 : #400d26 : -2
17 : #480e2b : ±0
19 : #511030 : +2
21 : #591236 : +4
23 : #62133b : +6
25 : #6a1540 : +8
27 : #731745 : +10
29 : #7b184a : +12
31 : #841a4f : +14
33 : #8d1c54 : +16
35 : #951d59 : +18
37 : #9e1f5e : +20
39 : #a62163 : +22
41 : #af2369 : +24
43 : #b7246e : +26
45 : #c02673 : +28
47 : #c82878 : +30
49 : #d1297d : +32
51 : #d62e82 : +34
53 : #d73787 : +36
55 : #d93f8c : +38
57 : #db4891 : +40
59 : #dc5096 : +42
61 : #de599c : +44
63 : #e061a1 : +46
65 : #e26aa6 : +48
67 : #e372ab : +50
69 : #e57bb0 : +52
71 : #e784b5 : +54
73 : #e88cba : +56
75 : #ea95bf : +58
77 : #ec9dc4 : +60
79 : #eda6c9 : +62
81 : #efaecf : +64
83 : #f1b7d4 : +66
85 : #f2bfd9 : +68
87 : #f4c8de : +70
89 : #f6d0e3 : +72
91 : #f7d9e8 : +74
93 : #f9e1ed : +76
95 : #fbeaf2 : +78
97 : #fcf2f7 : +80
99 : #fefbfc : +82
CSS入門、作ってます。
text-shadow