#51384e
RGB ( 赤 = 81, 緑 = 56, 青 = 78 )
HSL ( 色相 = 307°, 彩度 = 18%, 明度 = 27% )
H : 色相 ( 307° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #513b38 : -300
17 : #513f38 : -290
27 : #514438 : -280
37 : #514838 : -270
47 : #514c38 : -260
57 : #515038 : -250
67 : #4e5138 : -240
77 : #4a5138 : -230
87 : #465138 : -220
97 : #425138 : -210
107 : #3e5138 : -200
117 : #3a5138 : -190
127 : #38513b : -180
137 : #38513f : -170
147 : #385144 : -160
157 : #385148 : -150
167 : #38514c : -140
177 : #385150 : -130
187 : #384e51 : -120
197 : #384a51 : -110
207 : #384651 : -100
217 : #384251 : -90
227 : #383e51 : -80
237 : #383a51 : -70
247 : #3b3851 : -60
257 : #3f3851 : -50
267 : #443851 : -40
277 : #483851 : -30
287 : #4c3851 : -20
297 : #503851 : -10
307 : #51384e : ±0
317 : #51384a : +10
327 : #513846 : +20
337 : #513842 : +30
347 : #51383e : +40
357 : #51383a : +50
297 : #503851 : -10
298 : #503851 : -9
299 : #513851 : -8
300 : #513851 : -7
301 : #513851 : -6
302 : #513850 : -5
303 : #513850 : -4
304 : #513850 : -3
305 : #51384f : -2
306 : #51384f : -1
307 : #51384e : ±0
308 : #51384e : +1
309 : #51384e : +2
310 : #51384d : +3
311 : #51384d : +4
312 : #51384c : +5
313 : #51384c : +6
314 : #51384b : +7
315 : #51384b : +8
316 : #51384b : +9
317 : #51384a : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #444444 : -18
2 : #464346 : -16
4 : #484247 : -14
6 : #494148 : -12
8 : #4a3f49 : -10
10 : #4c3e4a : -8
12 : #4d3d4b : -6
14 : #4e3b4c : -4
16 : #503a4d : -2
18 : #51384e : ±0
20 : #53374f : +2
22 : #543650 : +4
24 : #553452 : +6
26 : #573353 : +8
28 : #583254 : +10
30 : #5a3055 : +12
32 : #5b2f56 : +14
34 : #5c2d57 : +16
36 : #5e2c58 : +18
38 : #5f2b59 : +20
40 : #60295a : +22
42 : #62285b : +24
44 : #63275c : +26
46 : #65255d : +28
48 : #66245e : +30
50 : #67225f : +32
52 : #692160 : +34
54 : #6a2061 : +36
56 : #6b1e62 : +38
58 : #6d1d63 : +40
60 : #6e1c65 : +42
62 : #701a66 : +44
64 : #711967 : +46
66 : #721768 : +48
68 : #741669 : +50
70 : #75156a : +52
72 : #76136b : +54
74 : #78126c : +56
76 : #79116d : +58
78 : #7b0f6e : +60
80 : #7c0e6f : +62
82 : #7d0c70 : +64
84 : #7f0b71 : +66
86 : #800a72 : +68
88 : #810873 : +70
90 : #830774 : +72
92 : #840675 : +74
94 : #860476 : +76
96 : #870378 : +78
98 : #880179 : +80
100 : #8a007a : +82
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -26
3 : #090609 : -24
5 : #0f0a0f : -22
7 : #150f14 : -20
9 : #1b131a : -18
11 : #211720 : -16
13 : #271b26 : -14
15 : #2d1f2c : -12
17 : #332431 : -10
19 : #392837 : -8
21 : #3f2c3d : -6
23 : #453043 : -4
25 : #4b3449 : -2
27 : #51384e : ±0
29 : #573d54 : +2
31 : #5d415a : +4
33 : #634560 : +6
35 : #694966 : +8
37 : #6f4d6b : +10
39 : #755271 : +12
41 : #7b5677 : +14
43 : #815a7d : +16
45 : #875e83 : +18
47 : #8d6288 : +20
49 : #93668e : +22
51 : #996c93 : +24
53 : #9d7298 : +26
55 : #a1789c : +28
57 : #a57ea0 : +30
59 : #a984a5 : +32
61 : #ad8aa9 : +34
63 : #b290ae : +36
65 : #b696b2 : +38
67 : #ba9cb6 : +40
69 : #bea2bb : +42
71 : #c2a8bf : +44
73 : #c7aec4 : +46
75 : #cbb4c8 : +48
77 : #cfbacc : +50
79 : #d3c0d1 : +52
81 : #d7c6d5 : +54
83 : #dbccda : +56
85 : #e0d2de : +58
87 : #e4d8e2 : +60
89 : #e8dee7 : +62
91 : #ece4eb : +64
93 : #f0eaf0 : +66
95 : #f5f0f4 : +68
97 : #f9f6f8 : +70
99 : #fdfcfd : +72
CSS入門、作ってます。
text-shadow