#504230
RGB ( 赤 = 80, 緑 = 66, 青 = 48 )
HSL ( 色相 = 34°, 彩度 = 25%, 明度 = 25% )
H : 色相 ( 34° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #503230 : -30
14 : #503730 : -20
24 : #503d30 : -10
34 : #504230 : ±0
44 : #504730 : +10
54 : #504d30 : +20
64 : #4e5030 : +30
74 : #485030 : +40
84 : #435030 : +50
94 : #3e5030 : +60
104 : #385030 : +70
114 : #335030 : +80
124 : #305032 : +90
134 : #305037 : +100
144 : #30503d : +110
154 : #305042 : +120
164 : #305047 : +130
174 : #30504d : +140
184 : #304e50 : +150
194 : #304850 : +160
204 : #304350 : +170
214 : #303e50 : +180
224 : #303850 : +190
234 : #303350 : +200
244 : #323050 : +210
254 : #373050 : +220
264 : #3d3050 : +230
274 : #423050 : +240
284 : #473050 : +250
294 : #4d3050 : +260
304 : #50304e : +270
314 : #503048 : +280
324 : #503043 : +290
334 : #50303e : +300
344 : #503038 : +310
354 : #503033 : +320
24 : #503d30 : -10
25 : #503d30 : -9
26 : #503e30 : -8
27 : #503e30 : -7
28 : #503f30 : -6
29 : #503f30 : -5
30 : #504030 : -4
31 : #504030 : -3
32 : #504130 : -2
33 : #504130 : -1
34 : #504230 : ±0
35 : #504230 : +1
36 : #504330 : +2
37 : #504330 : +3
38 : #504430 : +4
39 : #504530 : +5
40 : #504530 : +6
41 : #504630 : +7
42 : #504630 : +8
43 : #504730 : +9
44 : #504730 : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #40403f : -24
3 : #42403e : -22
5 : #43403d : -20
7 : #44403b : -18
9 : #45413a : -16
11 : #474139 : -14
13 : #484137 : -12
15 : #494136 : -10
17 : #4b4135 : -8
19 : #4c4134 : -6
21 : #4d4232 : -4
23 : #4e4231 : -2
25 : #504230 : ±0
27 : #51422f : +2
29 : #52422d : +4
31 : #54422c : +6
33 : #55432b : +8
35 : #564329 : +10
37 : #574328 : +12
39 : #594327 : +14
41 : #5a4326 : +16
43 : #5b4324 : +18
45 : #5c4423 : +20
47 : #5e4422 : +22
49 : #5f4421 : +24
51 : #60441f : +26
53 : #62441e : +28
55 : #63441d : +30
57 : #64451b : +32
59 : #65451a : +34
61 : #674519 : +36
63 : #684518 : +38
65 : #694516 : +40
67 : #6a4515 : +42
69 : #6c4614 : +44
71 : #6d4612 : +46
73 : #6e4611 : +48
75 : #704610 : +50
77 : #71460f : +52
79 : #72460d : +54
81 : #73470c : +56
83 : #75470b : +58
85 : #76470a : +60
87 : #774708 : +62
89 : #784707 : +64
91 : #7a4706 : +66
93 : #7b4804 : +68
95 : #7c4803 : +70
97 : #7e4802 : +72
99 : #7f4801 : +74
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -24
3 : #0a0806 : -22
5 : #100d0a : -20
7 : #16120d : -18
9 : #1d1811 : -16
11 : #231d15 : -14
13 : #292219 : -12
15 : #30281d : -10
17 : #362d21 : -8
19 : #3d3224 : -6
21 : #433728 : -4
23 : #493d2c : -2
25 : #504230 : ±0
27 : #564734 : +2
29 : #5c4c37 : +4
31 : #63523b : +6
33 : #69573f : +8
35 : #705c43 : +10
37 : #766147 : +12
39 : #7c674b : +14
41 : #836c4e : +16
43 : #897152 : +18
45 : #8f7756 : +20
47 : #967c5a : +22
49 : #9c815e : +24
51 : #a18663 : +26
53 : #a58b69 : +28
55 : #a99070 : +30
57 : #ad9576 : +32
59 : #b19a7c : +34
61 : #b49f83 : +36
63 : #b8a489 : +38
65 : #bca98f : +40
67 : #c0ae96 : +42
69 : #c4b39c : +44
71 : #c8b8a3 : +46
73 : #cbbca9 : +48
75 : #cfc1af : +50
77 : #d3c6b6 : +52
79 : #d7cbbc : +54
81 : #dbd0c2 : +56
83 : #ded5c9 : +58
85 : #e2dacf : +60
87 : #e6dfd6 : +62
89 : #eae4dc : +64
91 : #eee9e2 : +66
93 : #f2eee9 : +68
95 : #f5f3ef : +70
97 : #f9f8f5 : +72
99 : #fdfdfc : +74
CSS入門、作ってます。
text-shadow