#500c29
RGB ( 赤 = 80, 緑 = 12, 青 = 41 )
HSL ( 色相 = 334°, 彩度 = 74%, 明度 = 18% )
H : 色相 ( 334° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #50100c : -330
14 : #501c0c : -320
24 : #50270c : -310
34 : #50320c : -300
44 : #503e0c : -290
54 : #50490c : -280
64 : #4b500c : -270
74 : #40500c : -260
84 : #35500c : -250
94 : #29500c : -240
104 : #1e500c : -230
114 : #13500c : -220
124 : #0c5010 : -210
134 : #0c501c : -200
144 : #0c5027 : -190
154 : #0c5032 : -180
164 : #0c503e : -170
174 : #0c5049 : -160
184 : #0c4b50 : -150
194 : #0c4050 : -140
204 : #0c3550 : -130
214 : #0c2950 : -120
224 : #0c1e50 : -110
234 : #0c1350 : -100
244 : #100c50 : -90
254 : #1c0c50 : -80
264 : #270c50 : -70
274 : #320c50 : -60
284 : #3e0c50 : -50
294 : #490c50 : -40
304 : #500c4b : -30
314 : #500c40 : -20
324 : #500c35 : -10
334 : #500c29 : ±0
344 : #500c1e : +10
354 : #500c13 : +20
324 : #500c35 : -10
325 : #500c34 : -9
326 : #500c32 : -8
327 : #500c31 : -7
328 : #500c30 : -6
329 : #500c2f : -5
330 : #500c2e : -4
331 : #500c2d : -3
332 : #500c2c : -2
333 : #500c2b : -1
334 : #500c29 : ±0
335 : #500c28 : +1
336 : #500c27 : +2
337 : #500c26 : +3
338 : #500c25 : +4
339 : #500c24 : +5
340 : #500c23 : +6
341 : #500c21 : +7
342 : #500c20 : +8
343 : #500c1f : +9
344 : #500c1e : +10
S : 彩度 ( 74% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -74
2 : #2f2d2e : -72
4 : #302c2e : -70
6 : #312b2e : -68
8 : #322a2d : -66
10 : #32292d : -64
12 : #33282d : -62
14 : #34272d : -60
16 : #35272d : -58
18 : #36262d : -56
20 : #37252d : -54
22 : #38242d : -52
24 : #39232c : -50
26 : #3a222c : -48
28 : #3b212c : -46
30 : #3c202c : -44
32 : #3d1f2c : -42
34 : #3e1e2c : -40
36 : #3e1d2c : -38
38 : #3f1c2c : -36
40 : #401c2b : -34
42 : #411b2b : -32
44 : #421a2b : -30
46 : #43192b : -28
48 : #44182b : -26
50 : #45172b : -24
52 : #46162b : -22
54 : #47152b : -20
56 : #48142a : -18
58 : #49132a : -16
60 : #49122a : -14
62 : #4a112a : -12
64 : #4b112a : -10
66 : #4c102a : -8
68 : #4d0f2a : -6
70 : #4e0e2a : -4
72 : #4f0d29 : -2
74 : #500c29 : ±0
76 : #510b29 : +2
78 : #520a29 : +4
80 : #530929 : +6
82 : #540829 : +8
84 : #540729 : +10
86 : #550629 : +12
88 : #560629 : +14
90 : #570528 : +16
92 : #580428 : +18
94 : #590328 : +20
96 : #5a0228 : +22
98 : #5b0128 : +24
100 : #5c0028 : +26
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #090105 : -16
4 : #120309 : -14
6 : #1b040e : -12
8 : #230512 : -10
10 : #2c0717 : -8
12 : #35081c : -6
14 : #3e0920 : -4
16 : #470b25 : -2
18 : #500c29 : ±0
20 : #590d2e : +2
22 : #620f33 : +4
24 : #6a1037 : +6
26 : #73113c : +8
28 : #7c1340 : +10
30 : #851445 : +12
32 : #8e154a : +14
34 : #97174e : +16
36 : #a01853 : +18
38 : #a91957 : +20
40 : #b11b5c : +22
42 : #ba1c61 : +24
44 : #c31d65 : +26
46 : #cc1e6a : +28
48 : #d5206e : +30
50 : #de2173 : +32
52 : #df2a79 : +34
54 : #e1337e : +36
56 : #e23c84 : +38
58 : #e34589 : +40
60 : #e44e8f : +42
62 : #e65695 : +44
64 : #e75f9a : +46
66 : #e868a0 : +48
68 : #ea71a5 : +50
70 : #eb7aab : +52
72 : #ec83b1 : +54
74 : #ee8cb6 : +56
76 : #ef95bc : +58
78 : #f09dc1 : +60
80 : #f2a6c7 : +62
82 : #f3afcd : +64
84 : #f4b8d2 : +66
86 : #f6c1d8 : +68
88 : #f7cadd : +70
90 : #f8d3e3 : +72
92 : #fadce9 : +74
94 : #fbe4ee : +76
96 : #fcedf4 : +78
98 : #fef6f9 : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow