#51384a
RGB ( 赤 = 81, 緑 = 56, 青 = 74 )
HSL ( 色相 = 317°, 彩度 = 18%, 明度 = 27% )
H : 色相 ( 317° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #513b38 : -310
17 : #513f38 : -300
27 : #514438 : -290
37 : #514838 : -280
47 : #514c38 : -270
57 : #515038 : -260
67 : #4e5138 : -250
77 : #4a5138 : -240
87 : #465138 : -230
97 : #425138 : -220
107 : #3e5138 : -210
117 : #3a5138 : -200
127 : #38513b : -190
137 : #38513f : -180
147 : #385144 : -170
157 : #385148 : -160
167 : #38514c : -150
177 : #385150 : -140
187 : #384e51 : -130
197 : #384a51 : -120
207 : #384651 : -110
217 : #384251 : -100
227 : #383e51 : -90
237 : #383a51 : -80
247 : #3b3851 : -70
257 : #3f3851 : -60
267 : #443851 : -50
277 : #483851 : -40
287 : #4c3851 : -30
297 : #503851 : -20
307 : #51384e : -10
317 : #51384a : ±0
327 : #513846 : +10
337 : #513842 : +20
347 : #51383e : +30
357 : #51383a : +40
307 : #51384e : -10
308 : #51384e : -9
309 : #51384e : -8
310 : #51384d : -7
311 : #51384d : -6
312 : #51384c : -5
313 : #51384c : -4
314 : #51384b : -3
315 : #51384b : -2
316 : #51384b : -1
317 : #51384a : ±0
318 : #51384a : +1
319 : #513849 : +2
320 : #513849 : +3
321 : #513849 : +4
322 : #513848 : +5
323 : #513848 : +6
324 : #513847 : +7
325 : #513847 : +8
326 : #513847 : +9
327 : #513846 : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #444444 : -18
2 : #464345 : -16
4 : #484246 : -14
6 : #494147 : -12
8 : #4a3f47 : -10
10 : #4c3e48 : -8
12 : #4d3d48 : -6
14 : #4e3b49 : -4
16 : #503a4a : -2
18 : #51384a : ±0
20 : #53374b : +2
22 : #54364b : +4
24 : #55344c : +6
26 : #57334d : +8
28 : #58324d : +10
30 : #5a304e : +12
32 : #5b2f4e : +14
34 : #5c2d4f : +16
36 : #5e2c50 : +18
38 : #5f2b50 : +20
40 : #602951 : +22
42 : #622851 : +24
44 : #632752 : +26
46 : #652553 : +28
48 : #662453 : +30
50 : #672254 : +32
52 : #692154 : +34
54 : #6a2055 : +36
56 : #6b1e56 : +38
58 : #6d1d56 : +40
60 : #6e1c57 : +42
62 : #701a57 : +44
64 : #711958 : +46
66 : #721759 : +48
68 : #741659 : +50
70 : #75155a : +52
72 : #76135a : +54
74 : #78125b : +56
76 : #79115c : +58
78 : #7b0f5c : +60
80 : #7c0e5d : +62
82 : #7d0c5d : +64
84 : #7f0b5e : +66
86 : #800a5f : +68
88 : #81085f : +70
90 : #830760 : +72
92 : #840660 : +74
94 : #860461 : +76
96 : #870361 : +78
98 : #880162 : +80
100 : #8a0063 : +82
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -26
3 : #090608 : -24
5 : #0f0a0e : -22
7 : #150f13 : -20
9 : #1b1319 : -18
11 : #21171e : -16
13 : #271b24 : -14
15 : #2d1f29 : -12
17 : #33242f : -10
19 : #392834 : -8
21 : #3f2c3a : -6
23 : #45303f : -4
25 : #4b3445 : -2
27 : #51384a : ±0
29 : #573d50 : +2
31 : #5d4155 : +4
33 : #63455b : +6
35 : #694960 : +8
37 : #6f4d66 : +10
39 : #75526b : +12
41 : #7b5671 : +14
43 : #815a76 : +16
45 : #875e7c : +18
47 : #8d6281 : +20
49 : #936687 : +22
51 : #996c8c : +24
53 : #9d7290 : +26
55 : #a17895 : +28
57 : #a57e9a : +30
59 : #a9849f : +32
61 : #ad8aa3 : +34
63 : #b290a8 : +36
65 : #b696ad : +38
67 : #ba9cb1 : +40
69 : #bea2b6 : +42
71 : #c2a8bb : +44
73 : #c7aec0 : +46
75 : #cbb4c4 : +48
77 : #cfbac9 : +50
79 : #d3c0ce : +52
81 : #d7c6d2 : +54
83 : #dbccd7 : +56
85 : #e0d2dc : +58
87 : #e4d8e0 : +60
89 : #e8dee5 : +62
91 : #ece4ea : +64
93 : #f0eaef : +66
95 : #f5f0f3 : +68
97 : #f9f6f8 : +70
99 : #fdfcfd : +72
CSS入門、作ってます。
text-shadow