#503230
RGB ( 赤 = 80, 緑 = 50, 青 = 48 )
HSL ( 色相 = 4°, 彩度 = 25%, 明度 = 25% )
H : 色相 ( 4° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #503230 : ±0
14 : #503730 : +10
24 : #503d30 : +20
34 : #504230 : +30
44 : #504730 : +40
54 : #504d30 : +50
64 : #4e5030 : +60
74 : #485030 : +70
84 : #435030 : +80
94 : #3e5030 : +90
104 : #385030 : +100
114 : #335030 : +110
124 : #305032 : +120
134 : #305037 : +130
144 : #30503d : +140
154 : #305042 : +150
164 : #305047 : +160
174 : #30504d : +170
184 : #304e50 : +180
194 : #304850 : +190
204 : #304350 : +200
214 : #303e50 : +210
224 : #303850 : +220
234 : #303350 : +230
244 : #323050 : +240
254 : #373050 : +250
264 : #3d3050 : +260
274 : #423050 : +270
284 : #473050 : +280
294 : #4d3050 : +290
304 : #50304e : +300
314 : #503048 : +310
324 : #503043 : +320
334 : #50303e : +330
344 : #503038 : +340
354 : #503033 : +350
354 : #503033 : +350
355 : #503032 : +351
356 : #503032 : +352
357 : #503031 : +353
358 : #503031 : +354
359 : #503030 : +355
0 : #503030 : -4
1 : #503030 : -3
2 : #503130 : -2
3 : #503130 : -1
4 : #503230 : ±0
5 : #503230 : +1
6 : #503330 : +2
7 : #503430 : +3
8 : #503430 : +4
9 : #503530 : +5
10 : #503530 : +6
11 : #503630 : +7
12 : #503630 : +8
13 : #503730 : +9
14 : #503730 : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #403f3f : -24
3 : #423e3e : -22
5 : #433d3d : -20
7 : #443c3b : -18
9 : #453b3a : -16
11 : #473a39 : -14
13 : #483937 : -12
15 : #493736 : -10
17 : #4b3635 : -8
19 : #4c3534 : -6
21 : #4d3432 : -4
23 : #4e3331 : -2
25 : #503230 : ±0
27 : #51312f : +2
29 : #52302d : +4
31 : #542f2c : +6
33 : #552e2b : +8
35 : #562c29 : +10
37 : #572b28 : +12
39 : #592a27 : +14
41 : #5a2926 : +16
43 : #5b2824 : +18
45 : #5c2723 : +20
47 : #5e2622 : +22
49 : #5f2521 : +24
51 : #60241f : +26
53 : #62221e : +28
55 : #63211d : +30
57 : #64201b : +32
59 : #651f1a : +34
61 : #671e19 : +36
63 : #681d18 : +38
65 : #691c16 : +40
67 : #6a1b15 : +42
69 : #6c1a14 : +44
71 : #6d1912 : +46
73 : #6e1711 : +48
75 : #701610 : +50
77 : #71150f : +52
79 : #72140d : +54
81 : #73130c : +56
83 : #75120b : +58
85 : #76110a : +60
87 : #771008 : +62
89 : #780f07 : +64
91 : #7a0d06 : +66
93 : #7b0c04 : +68
95 : #7c0b03 : +70
97 : #7e0a02 : +72
99 : #7f0901 : +74
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -24
3 : #0a0606 : -22
5 : #100a0a : -20
7 : #160e0d : -18
9 : #1d1211 : -16
11 : #231615 : -14
13 : #291a19 : -12
15 : #301e1d : -10
17 : #362221 : -8
19 : #3d2624 : -6
21 : #432a28 : -4
23 : #492e2c : -2
25 : #503230 : ±0
27 : #563634 : +2
29 : #5c3a37 : +4
31 : #633e3b : +6
33 : #69423f : +8
35 : #704643 : +10
37 : #764a47 : +12
39 : #7c4e4b : +14
41 : #83524e : +16
43 : #895652 : +18
45 : #8f5a56 : +20
47 : #965e5a : +22
49 : #9c625e : +24
51 : #a16763 : +26
53 : #a56d69 : +28
55 : #a97370 : +30
57 : #ad7a76 : +32
59 : #b1807c : +34
61 : #b48683 : +36
63 : #b88c89 : +38
65 : #bc928f : +40
67 : #c09996 : +42
69 : #c49f9c : +44
71 : #c8a5a3 : +46
73 : #cbaba9 : +48
75 : #cfb1af : +50
77 : #d3b8b6 : +52
79 : #d7bebc : +54
81 : #dbc4c2 : +56
83 : #decac9 : +58
85 : #e2d0cf : +60
87 : #e6d7d6 : +62
89 : #eadddc : +64
91 : #eee3e2 : +66
93 : #f2e9e9 : +68
95 : #f5efef : +70
97 : #f9f6f5 : +72
99 : #fdfcfc : +74
CSS入門、作ってます。
text-shadow