#50323c
RGB ( 赤 = 80, 緑 = 50, 青 = 60 )
HSL ( 色相 = 340°, 彩度 = 23%, 明度 = 25% )
H : 色相 ( 340° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #4e3131 : -340
10 : #4e3631 : -330
20 : #4e3b31 : -320
30 : #4e4031 : -310
40 : #4e4531 : -300
50 : #4e4a31 : -290
60 : #4e4e31 : -280
70 : #4a4e31 : -270
80 : #454e31 : -260
90 : #404e31 : -250
100 : #3b4e31 : -240
110 : #364e31 : -230
120 : #314e31 : -220
130 : #314e36 : -210
140 : #314e3b : -200
150 : #314e40 : -190
160 : #314e45 : -180
170 : #314e4a : -170
180 : #314e4e : -160
190 : #314a4e : -150
200 : #31454e : -140
210 : #31404e : -130
220 : #313b4e : -120
230 : #31364e : -110
240 : #31314e : -100
250 : #36314e : -90
260 : #3b314e : -80
270 : #40314e : -70
280 : #45314e : -60
290 : #4a314e : -50
300 : #4e314e : -40
310 : #4e314a : -30
320 : #4e3145 : -20
330 : #4e3140 : -10
340 : #4e313b : ±0
350 : #4e3136 : +10
330 : #4e3140 : -10
331 : #4e313f : -9
332 : #4e313f : -8
333 : #4e313e : -7
334 : #4e313e : -6
335 : #4e313d : -5
336 : #4e313d : -4
337 : #4e313c : -3
338 : #4e313c : -2
339 : #4e313b : -1
340 : #4e313b : ±0
341 : #4e313a : +1
342 : #4e313a : +2
343 : #4e3139 : +3
344 : #4e3139 : +4
345 : #4e3138 : +5
346 : #4e3138 : +6
347 : #4e3137 : +7
348 : #4e3137 : +8
349 : #4e3136 : +9
350 : #4e3136 : +10
S : 彩度 ( 23% )
(0%) 渋い ~ 鮮やか (100%)
1 : #403f40 : -22
3 : #423e3f : -20
5 : #433d3f : -18
7 : #443b3e : -16
9 : #453a3e : -14
11 : #47393d : -12
13 : #48373d : -10
15 : #49363d : -8
17 : #4b353c : -6
19 : #4c343c : -4
21 : #4d323b : -2
23 : #4e313b : ±0
25 : #50303a : +2
27 : #512f3a : +4
29 : #522d3a : +6
31 : #542c39 : +8
33 : #552b39 : +10
35 : #562938 : +12
37 : #572838 : +14
39 : #592737 : +16
41 : #5a2637 : +18
43 : #5b2437 : +20
45 : #5c2336 : +22
47 : #5e2236 : +24
49 : #5f2135 : +26
51 : #601f35 : +28
53 : #621e34 : +30
55 : #631d34 : +32
57 : #641b34 : +34
59 : #651a33 : +36
61 : #671933 : +38
63 : #681832 : +40
65 : #691632 : +42
67 : #6a1532 : +44
69 : #6c1431 : +46
71 : #6d1231 : +48
73 : #6e1130 : +50
75 : #701030 : +52
77 : #710f2f : +54
79 : #720d2f : +56
81 : #730c2f : +58
83 : #750b2e : +60
85 : #760a2e : +62
87 : #77082d : +64
89 : #78072d : +66
91 : #7a062c : +68
93 : #7b042c : +70
95 : #7c032c : +72
97 : #7e022b : +74
99 : #7f012b : +76
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -24
3 : #090607 : -22
5 : #100a0c : -20
7 : #160e10 : -18
9 : #1c1215 : -16
11 : #23161a : -14
13 : #291a1f : -12
15 : #2f1d23 : -10
17 : #352128 : -8
19 : #3c252d : -6
21 : #422931 : -4
23 : #482d36 : -2
25 : #4e313b : ±0
27 : #553540 : +2
29 : #5b3944 : +4
31 : #613d49 : +6
33 : #68414e : +8
35 : #6e4552 : +10
37 : #744957 : +12
39 : #7a4d5c : +14
41 : #815161 : +16
43 : #875465 : +18
45 : #8d586a : +20
47 : #935c6f : +22
49 : #9a6073 : +24
51 : #9f6578 : +26
53 : #a36c7e : +28
55 : #a77283 : +30
57 : #ab7889 : +32
59 : #ae7e8e : +34
61 : #b28594 : +36
63 : #b68b99 : +38
65 : #ba919f : +40
67 : #be97a4 : +42
69 : #c29eaa : +44
71 : #c6a4af : +46
73 : #caaab5 : +48
75 : #ceb1ba : +50
77 : #d2b7c0 : +52
79 : #d6bdc5 : +54
81 : #dac3cb : +56
83 : #decad0 : +58
85 : #e2d0d6 : +60
87 : #e5d6db : +62
89 : #e9dce1 : +64
91 : #ede3e6 : +66
93 : #f1e9ec : +68
95 : #f5eff1 : +70
97 : #f9f6f7 : +72
99 : #fdfcfc : +74
CSS入門、作ってます。
text-shadow