#502534
RGB ( 赤 = 80, 緑 = 37, 青 = 52 )
HSL ( 色相 = 339°, 彩度 = 37%, 明度 = 23% )
H : 色相 ( 339° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #502b25 : -330
19 : #503325 : -320
29 : #503a25 : -310
39 : #504125 : -300
49 : #504825 : -290
59 : #505025 : -280
69 : #4a5025 : -270
79 : #435025 : -260
89 : #3b5025 : -250
99 : #345025 : -240
109 : #2d5025 : -230
119 : #265025 : -220
129 : #25502b : -210
139 : #255033 : -200
149 : #25503a : -190
159 : #255041 : -180
169 : #255048 : -170
179 : #255050 : -160
189 : #254a50 : -150
199 : #254350 : -140
209 : #253b50 : -130
219 : #253450 : -120
229 : #252d50 : -110
239 : #252650 : -100
249 : #2b2550 : -90
259 : #332550 : -80
269 : #3a2550 : -70
279 : #412550 : -60
289 : #482550 : -50
299 : #502550 : -40
309 : #50254a : -30
319 : #502543 : -20
329 : #50253b : -10
339 : #502534 : ±0
349 : #50252d : +10
359 : #502526 : +20
329 : #50253b : -10
330 : #50253b : -9
331 : #50253a : -8
332 : #502539 : -7
333 : #502538 : -6
334 : #502538 : -5
335 : #502537 : -4
336 : #502536 : -3
337 : #502536 : -2
338 : #502535 : -1
339 : #502534 : ±0
340 : #502533 : +1
341 : #502533 : +2
342 : #502532 : +3
343 : #502531 : +4
344 : #502531 : +5
345 : #502530 : +6
346 : #50252f : +7
347 : #50252e : +8
348 : #50252e : +9
349 : #50252d : +10
S : 彩度 ( 37% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3b3a3a : -36
3 : #3c393a : -34
5 : #3e383a : -32
7 : #3f3739 : -30
9 : #403539 : -28
11 : #413439 : -26
13 : #423338 : -24
15 : #433238 : -22
17 : #453138 : -20
19 : #463037 : -18
21 : #472e37 : -16
23 : #482d37 : -14
25 : #492c36 : -12
27 : #4a2b36 : -10
29 : #4c2a36 : -8
31 : #4d2835 : -6
33 : #4e2735 : -4
35 : #4f2634 : -2
37 : #502534 : ±0
39 : #522434 : +2
41 : #532333 : +4
43 : #542133 : +6
45 : #552033 : +8
47 : #561f32 : +10
49 : #571e32 : +12
51 : #591d32 : +14
53 : #5a1c31 : +16
55 : #5b1a31 : +18
57 : #5c1931 : +20
59 : #5d1830 : +22
61 : #5e1730 : +24
63 : #601630 : +26
65 : #61152f : +28
67 : #62132f : +30
69 : #63122f : +32
71 : #64112e : +34
73 : #65102e : +36
75 : #670f2d : +38
77 : #680d2d : +40
79 : #690c2d : +42
81 : #6a0b2c : +44
83 : #6b0a2c : +46
85 : #6d092c : +48
87 : #6e082b : +50
89 : #6f062b : +52
91 : #70052b : +54
93 : #71042a : +56
95 : #72032a : +58
97 : #74022a : +60
99 : #750129 : +62
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -22
3 : #0a0507 : -20
5 : #11080b : -18
7 : #180b10 : -16
9 : #1f0e14 : -14
11 : #261219 : -12
13 : #2d151d : -10
15 : #341822 : -8
17 : #3b1b27 : -6
19 : #421f2b : -4
21 : #492230 : -2
23 : #502534 : ±0
25 : #572839 : +2
27 : #5e2b3d : +4
29 : #652f42 : +6
31 : #6c3246 : +8
33 : #73354b : +10
35 : #7a384f : +12
37 : #813b54 : +14
39 : #883f58 : +16
41 : #8f425d : +18
43 : #964561 : +20
45 : #9d4866 : +22
47 : #a44c6b : +24
49 : #ab4f6f : +26
51 : #b05474 : +28
53 : #b35b7a : +30
55 : #b76280 : +32
57 : #ba6985 : +34
59 : #bd708b : +36
61 : #c07791 : +38
63 : #c47e96 : +40
65 : #c7859c : +42
67 : #ca8ca2 : +44
69 : #cd93a7 : +46
71 : #d09aad : +48
73 : #d4a1b3 : +50
75 : #d7a8b8 : +52
77 : #daafbe : +54
79 : #ddb6c4 : +56
81 : #e0bdc9 : +58
83 : #e4c4cf : +60
85 : #e7cbd5 : +62
87 : #ead2da : +64
89 : #edd9e0 : +66
91 : #f1e0e6 : +68
93 : #f4e7eb : +70
95 : #f7eef1 : +72
97 : #faf5f7 : +74
99 : #fdfcfc : +76
CSS入門、作ってます。
text-shadow