#503130
RGB ( 赤 = 80, 緑 = 49, 青 = 48 )
HSL ( 色相 = 2°, 彩度 = 25%, 明度 = 25% )
H : 色相 ( 2° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #503130 : ±0
12 : #503630 : +10
22 : #503c30 : +20
32 : #504130 : +30
42 : #504630 : +40
52 : #504b30 : +50
62 : #4f5030 : +60
72 : #495030 : +70
82 : #445030 : +80
92 : #3f5030 : +90
102 : #395030 : +100
112 : #345030 : +110
122 : #305031 : +120
132 : #305036 : +130
142 : #30503c : +140
152 : #305041 : +150
162 : #305046 : +160
172 : #30504b : +170
182 : #304f50 : +180
192 : #304950 : +190
202 : #304450 : +200
212 : #303f50 : +210
222 : #303950 : +220
232 : #303450 : +230
242 : #313050 : +240
252 : #363050 : +250
262 : #3c3050 : +260
272 : #413050 : +270
282 : #463050 : +280
292 : #4b3050 : +290
302 : #50304f : +300
312 : #503049 : +310
322 : #503044 : +320
332 : #50303f : +330
342 : #503039 : +340
352 : #503034 : +350
352 : #503034 : +350
353 : #503034 : +351
354 : #503033 : +352
355 : #503032 : +353
356 : #503032 : +354
357 : #503031 : +355
358 : #503031 : +356
359 : #503030 : +357
0 : #503030 : -2
1 : #503030 : -1
2 : #503130 : ±0
3 : #503130 : +1
4 : #503230 : +2
5 : #503230 : +3
6 : #503330 : +4
7 : #503430 : +5
8 : #503430 : +6
9 : #503530 : +7
10 : #503530 : +8
11 : #503630 : +9
12 : #503630 : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #403f3f : -24
3 : #423e3e : -22
5 : #433d3d : -20
7 : #443c3b : -18
9 : #453a3a : -16
11 : #473939 : -14
13 : #483837 : -12
15 : #493736 : -10
17 : #4b3635 : -8
19 : #4c3434 : -6
21 : #4d3332 : -4
23 : #4e3231 : -2
25 : #503130 : ±0
27 : #51302f : +2
29 : #522e2d : +4
31 : #542d2c : +6
33 : #552c2b : +8
35 : #562b29 : +10
37 : #572a28 : +12
39 : #592927 : +14
41 : #5a2726 : +16
43 : #5b2624 : +18
45 : #5c2523 : +20
47 : #5e2422 : +22
49 : #5f2321 : +24
51 : #60211f : +26
53 : #62201e : +28
55 : #631f1d : +30
57 : #641e1b : +32
59 : #651d1a : +34
61 : #671b19 : +36
63 : #681a18 : +38
65 : #691916 : +40
67 : #6a1815 : +42
69 : #6c1714 : +44
71 : #6d1612 : +46
73 : #6e1411 : +48
75 : #701310 : +50
77 : #71120f : +52
79 : #72110d : +54
81 : #73100c : +56
83 : #750e0b : +58
85 : #760d0a : +60
87 : #770c08 : +62
89 : #780b07 : +64
91 : #7a0a06 : +66
93 : #7b0804 : +68
95 : #7c0703 : +70
97 : #7e0602 : +72
99 : #7f0501 : +74
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -24
3 : #0a0606 : -22
5 : #100a0a : -20
7 : #160e0d : -18
9 : #1d1211 : -16
11 : #231615 : -14
13 : #291919 : -12
15 : #301d1d : -10
17 : #362121 : -8
19 : #3d2524 : -6
21 : #432928 : -4
23 : #492d2c : -2
25 : #503130 : ±0
27 : #563534 : +2
29 : #5c3937 : +4
31 : #633d3b : +6
33 : #69413f : +8
35 : #704443 : +10
37 : #764847 : +12
39 : #7c4c4b : +14
41 : #83504e : +16
43 : #895452 : +18
45 : #8f5856 : +20
47 : #965c5a : +22
49 : #9c605e : +24
51 : #a16563 : +26
53 : #a56b69 : +28
55 : #a97170 : +30
57 : #ad7876 : +32
59 : #b17e7c : +34
61 : #b48483 : +36
63 : #b88b89 : +38
65 : #bc918f : +40
67 : #c09796 : +42
69 : #c49e9c : +44
71 : #c8a4a3 : +46
73 : #cbaaa9 : +48
75 : #cfb0af : +50
77 : #d3b7b6 : +52
79 : #d7bdbc : +54
81 : #dbc3c2 : +56
83 : #decac9 : +58
85 : #e2d0cf : +60
87 : #e6d6d6 : +62
89 : #eadcdc : +64
91 : #eee3e2 : +66
93 : #f2e9e9 : +68
95 : #f5efef : +70
97 : #f9f6f5 : +72
99 : #fdfcfc : +74
CSS入門、作ってます。
text-shadow