#50350c
RGB ( 赤 = 80, 緑 = 53, 青 = 12 )
HSL ( 色相 = 36°, 彩度 = 74%, 明度 = 18% )
H : 色相 ( 36° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #50130c : -30
16 : #501e0c : -20
26 : #50290c : -10
36 : #50350c : ±0
46 : #50400c : +10
56 : #504b0c : +20
66 : #49500c : +30
76 : #3e500c : +40
86 : #32500c : +50
96 : #27500c : +60
106 : #1c500c : +70
116 : #10500c : +80
126 : #0c5013 : +90
136 : #0c501e : +100
146 : #0c5029 : +110
156 : #0c5035 : +120
166 : #0c5040 : +130
176 : #0c504b : +140
186 : #0c4950 : +150
196 : #0c3e50 : +160
206 : #0c3250 : +170
216 : #0c2750 : +180
226 : #0c1c50 : +190
236 : #0c1050 : +200
246 : #130c50 : +210
256 : #1e0c50 : +220
266 : #290c50 : +230
276 : #350c50 : +240
286 : #400c50 : +250
296 : #4b0c50 : +260
306 : #500c49 : +270
316 : #500c3e : +280
326 : #500c32 : +290
336 : #500c27 : +300
346 : #500c1c : +310
356 : #500c10 : +320
26 : #50290c : -10
27 : #502b0c : -9
28 : #502c0c : -8
29 : #502d0c : -7
30 : #502e0c : -6
31 : #502f0c : -5
32 : #50300c : -4
33 : #50310c : -3
34 : #50320c : -2
35 : #50340c : -1
36 : #50350c : ±0
37 : #50360c : +1
38 : #50370c : +2
39 : #50380c : +3
40 : #50390c : +4
41 : #503a0c : +5
42 : #503b0c : +6
43 : #503d0c : +7
44 : #503e0c : +8
45 : #503f0c : +9
46 : #50400c : +10
S : 彩度 ( 74% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -74
2 : #2f2e2d : -72
4 : #302e2c : -70
6 : #312e2b : -68
8 : #322f2a : -66
10 : #322f29 : -64
12 : #332f28 : -62
14 : #342f27 : -60
16 : #352f27 : -58
18 : #363026 : -56
20 : #373025 : -54
22 : #383024 : -52
24 : #393023 : -50
26 : #3a3022 : -48
28 : #3b3021 : -46
30 : #3c3120 : -44
32 : #3d311f : -42
34 : #3e311e : -40
36 : #3e311d : -38
38 : #3f311c : -36
40 : #40321c : -34
42 : #41321b : -32
44 : #42321a : -30
46 : #433219 : -28
48 : #443218 : -26
50 : #453217 : -24
52 : #463316 : -22
54 : #473315 : -20
56 : #483314 : -18
58 : #493313 : -16
60 : #493312 : -14
62 : #4a3411 : -12
64 : #4b3411 : -10
66 : #4c3410 : -8
68 : #4d340f : -6
70 : #4e340e : -4
72 : #4f350d : -2
74 : #50350c : ±0
76 : #51350b : +2
78 : #52350a : +4
80 : #533509 : +6
82 : #543508 : +8
84 : #543607 : +10
86 : #553606 : +12
88 : #563606 : +14
90 : #573605 : +16
92 : #583604 : +18
94 : #593703 : +20
96 : #5a3702 : +22
98 : #5b3701 : +24
100 : #5c3700 : +26
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #090601 : -16
4 : #120c03 : -14
6 : #1b1204 : -12
8 : #231705 : -10
10 : #2c1d07 : -8
12 : #352308 : -6
14 : #3e2909 : -4
16 : #472f0b : -2
18 : #50350c : ±0
20 : #593b0d : +2
22 : #62400f : +4
24 : #6a4610 : +6
26 : #734c11 : +8
28 : #7c5213 : +10
30 : #855814 : +12
32 : #8e5e15 : +14
34 : #976417 : +16
36 : #a06918 : +18
38 : #a96f19 : +20
40 : #b1751b : +22
42 : #ba7b1c : +24
44 : #c3811d : +26
46 : #cc871e : +28
48 : #d58d20 : +30
50 : #de9221 : +32
52 : #df972a : +34
54 : #e19b33 : +36
56 : #e29f3c : +38
58 : #e3a445 : +40
60 : #e4a84e : +42
62 : #e6ac56 : +44
64 : #e7b15f : +46
66 : #e8b568 : +48
68 : #eab971 : +50
70 : #ebbe7a : +52
72 : #ecc283 : +54
74 : #eec78c : +56
76 : #efcb95 : +58
78 : #f0cf9d : +60
80 : #f2d4a6 : +62
82 : #f3d8af : +64
84 : #f4dcb8 : +66
86 : #f6e1c1 : +68
88 : #f7e5ca : +70
90 : #f8e9d3 : +72
92 : #faeedc : +74
94 : #fbf2e4 : +76
96 : #fcf6ed : +78
98 : #fefbf6 : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow