#5f5181
RGB ( 赤 = 95, 緑 = 81, 青 = 129 )
HSL ( 色相 = 258°, 彩度 = 23%, 明度 = 41% )
H : 色相 ( 258° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #815751 : -250
18 : #815f51 : -240
28 : #816751 : -230
38 : #816f51 : -220
48 : #817751 : -210
58 : #817f51 : -200
68 : #7a8151 : -190
78 : #728151 : -180
88 : #6a8151 : -170
98 : #628151 : -160
108 : #5a8151 : -150
118 : #528151 : -140
128 : #518157 : -130
138 : #51815f : -120
148 : #518167 : -110
158 : #51816f : -100
168 : #518177 : -90
178 : #51817f : -80
188 : #517a81 : -70
198 : #517281 : -60
208 : #516a81 : -50
218 : #516281 : -40
228 : #515a81 : -30
238 : #515281 : -20
248 : #575181 : -10
258 : #5f5181 : ±0
268 : #675181 : +10
278 : #6f5181 : +20
288 : #775181 : +30
298 : #7f5181 : +40
308 : #81517a : +50
318 : #815172 : +60
328 : #81516a : +70
338 : #815162 : +80
348 : #81515a : +90
358 : #815152 : +100
248 : #575181 : -10
249 : #585181 : -9
250 : #595181 : -8
251 : #595181 : -7
252 : #5a5181 : -6
253 : #5b5181 : -5
254 : #5c5181 : -4
255 : #5d5181 : -3
256 : #5d5181 : -2
257 : #5e5181 : -1
258 : #5f5181 : ±0
259 : #605181 : +1
260 : #615181 : +2
261 : #615181 : +3
262 : #625181 : +4
263 : #635181 : +5
264 : #645181 : +6
265 : #655181 : +7
266 : #655181 : +8
267 : #665181 : +9
268 : #675181 : +10
S : 彩度 ( 23% )
(0%) 渋い ~ 鮮やか (100%)
1 : #68686a : -22
3 : #67656c : -20
5 : #66636e : -18
7 : #666170 : -16
9 : #655f72 : -14
11 : #645d74 : -12
13 : #635b76 : -10
15 : #625978 : -8
17 : #61577a : -6
19 : #61557c : -4
21 : #60537f : -2
23 : #5f5181 : ±0
25 : #5e4e83 : +2
27 : #5d4c85 : +4
29 : #5c4a87 : +6
31 : #5c4889 : +8
33 : #5b468b : +10
35 : #5a448d : +12
37 : #59428f : +14
39 : #584091 : +16
41 : #573e93 : +18
43 : #573c96 : +20
45 : #563a98 : +22
47 : #55379a : +24
49 : #54359c : +26
51 : #53339e : +28
53 : #5231a0 : +30
55 : #522fa2 : +32
57 : #512da4 : +34
59 : #502ba6 : +36
61 : #4f29a8 : +38
63 : #4e27aa : +40
65 : #4d25ad : +42
67 : #4d23af : +44
69 : #4c20b1 : +46
71 : #4b1eb3 : +48
73 : #4a1cb5 : +50
75 : #491ab7 : +52
77 : #4818b9 : +54
79 : #4816bb : +56
81 : #4714bd : +58
83 : #4612bf : +60
85 : #4510c1 : +62
87 : #440ec4 : +64
89 : #430cc6 : +66
91 : #4209c8 : +68
93 : #4207ca : +70
95 : #4105cc : +72
97 : #4003ce : +74
99 : #3f01d0 : +76
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -40
3 : #070609 : -38
5 : #0c0a10 : -36
7 : #100e16 : -34
9 : #15121c : -32
11 : #191623 : -30
13 : #1e1a29 : -28
15 : #231d2f : -26
17 : #272135 : -24
19 : #2c253c : -22
21 : #312942 : -20
23 : #352d48 : -18
25 : #3a314e : -16
27 : #3f3555 : -14
29 : #43395b : -12
31 : #483d61 : -10
33 : #4c4168 : -8
35 : #51456e : -6
37 : #564974 : -4
39 : #5a4d7a : -2
41 : #5f5181 : ±0
43 : #645487 : +2
45 : #68588d : +4
47 : #6d5c93 : +6
49 : #71609a : +8
51 : #77659f : +10
53 : #7c6ca3 : +12
55 : #8272a7 : +14
57 : #8778ab : +16
59 : #8d7eae : +18
61 : #9285b2 : +20
63 : #988bb6 : +22
65 : #9e91ba : +24
67 : #a397be : +26
69 : #a99ec2 : +28
71 : #aea4c6 : +30
73 : #b4aaca : +32
75 : #b9b1ce : +34
77 : #bfb7d2 : +36
79 : #c5bdd6 : +38
81 : #cac3da : +40
83 : #d0cade : +42
85 : #d5d0e2 : +44
87 : #dbd6e5 : +46
89 : #e0dce9 : +48
91 : #e6e3ed : +50
93 : #ece9f1 : +52
95 : #f1eff5 : +54
97 : #f7f6f9 : +56
99 : #fcfcfd : +58
CSS入門、作ってます。
text-shadow