#503040
RGB ( 赤 = 80, 緑 = 48, 青 = 64 )
HSL ( 色相 = 330°, 彩度 = 25%, 明度 = 25% )
H : 色相 ( 330° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #503030 : -330
10 : #503530 : -320
20 : #503a30 : -310
30 : #504030 : -300
40 : #504530 : -290
50 : #504a30 : -280
60 : #505030 : -270
70 : #4a5030 : -260
80 : #455030 : -250
90 : #405030 : -240
100 : #3a5030 : -230
110 : #355030 : -220
120 : #305030 : -210
130 : #305035 : -200
140 : #30503a : -190
150 : #305040 : -180
160 : #305045 : -170
170 : #30504a : -160
180 : #305050 : -150
190 : #304a50 : -140
200 : #304550 : -130
210 : #304050 : -120
220 : #303a50 : -110
230 : #303550 : -100
240 : #303050 : -90
250 : #353050 : -80
260 : #3a3050 : -70
270 : #403050 : -60
280 : #453050 : -50
290 : #4a3050 : -40
300 : #503050 : -30
310 : #50304a : -20
320 : #503045 : -10
330 : #503040 : ±0
340 : #50303a : +10
350 : #503035 : +20
320 : #503045 : -10
321 : #503045 : -9
322 : #503044 : -8
323 : #503043 : -7
324 : #503043 : -6
325 : #503042 : -5
326 : #503042 : -4
327 : #503041 : -3
328 : #503041 : -2
329 : #503040 : -1
330 : #503040 : ±0
331 : #50303f : +1
332 : #50303f : +2
333 : #50303e : +3
334 : #50303e : +4
335 : #50303d : +5
336 : #50303d : +6
337 : #50303c : +7
338 : #50303c : +8
339 : #50303b : +9
340 : #50303a : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #403f40 : -24
3 : #423e40 : -22
5 : #433d40 : -20
7 : #443b40 : -18
9 : #453a40 : -16
11 : #473940 : -14
13 : #483740 : -12
15 : #493640 : -10
17 : #4b3540 : -8
19 : #4c3440 : -6
21 : #4d3240 : -4
23 : #4e3140 : -2
25 : #503040 : ±0
27 : #512f40 : +2
29 : #522d40 : +4
31 : #542c40 : +6
33 : #552b40 : +8
35 : #562940 : +10
37 : #572840 : +12
39 : #592740 : +14
41 : #5a2640 : +16
43 : #5b2440 : +18
45 : #5c2340 : +20
47 : #5e2240 : +22
49 : #5f2140 : +24
51 : #601f40 : +26
53 : #621e40 : +28
55 : #631d40 : +30
57 : #641b40 : +32
59 : #651a40 : +34
61 : #671940 : +36
63 : #681840 : +38
65 : #691640 : +40
67 : #6a1540 : +42
69 : #6c1440 : +44
71 : #6d1240 : +46
73 : #6e1140 : +48
75 : #701040 : +50
77 : #710f40 : +52
79 : #720d40 : +54
81 : #730c40 : +56
83 : #750b40 : +58
85 : #760a40 : +60
87 : #770840 : +62
89 : #780740 : +64
91 : #7a0640 : +66
93 : #7b0440 : +68
95 : #7c0340 : +70
97 : #7e0240 : +72
99 : #7f0140 : +74
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -24
3 : #0a0608 : -22
5 : #100a0d : -20
7 : #160d12 : -18
9 : #1d1117 : -16
11 : #23151c : -14
13 : #291921 : -12
15 : #301d26 : -10
17 : #36212b : -8
19 : #3d2430 : -6
21 : #432836 : -4
23 : #492c3b : -2
25 : #503040 : ±0
27 : #563445 : +2
29 : #5c374a : +4
31 : #633b4f : +6
33 : #693f54 : +8
35 : #704359 : +10
37 : #76475e : +12
39 : #7c4b63 : +14
41 : #834e69 : +16
43 : #89526e : +18
45 : #8f5673 : +20
47 : #965a78 : +22
49 : #9c5e7d : +24
51 : #a16382 : +26
53 : #a56987 : +28
55 : #a9708c : +30
57 : #ad7691 : +32
59 : #b17c96 : +34
61 : #b4839c : +36
63 : #b889a1 : +38
65 : #bc8fa6 : +40
67 : #c096ab : +42
69 : #c49cb0 : +44
71 : #c8a3b5 : +46
73 : #cba9ba : +48
75 : #cfafbf : +50
77 : #d3b6c4 : +52
79 : #d7bcc9 : +54
81 : #dbc2cf : +56
83 : #dec9d4 : +58
85 : #e2cfd9 : +60
87 : #e6d6de : +62
89 : #eadce3 : +64
91 : #eee2e8 : +66
93 : #f2e9ed : +68
95 : #f5eff2 : +70
97 : #f9f5f7 : +72
99 : #fdfcfc : +74
CSS入門、作ってます。
text-shadow