#89718e
RGB ( 赤 = 137, 緑 = 113, 青 = 142 )
HSL ( 色相 = 290°, 彩度 = 11%, 明度 = 50% )
H : 色相 ( 290° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #8e7171 : -290
10 : #8e7671 : -280
20 : #8e7b71 : -270
30 : #8e8071 : -260
40 : #8e8471 : -250
50 : #8e8971 : -240
60 : #8e8e71 : -230
70 : #898e71 : -220
80 : #848e71 : -210
90 : #808e71 : -200
100 : #7b8e71 : -190
110 : #768e71 : -180
120 : #718e71 : -170
130 : #718e76 : -160
140 : #718e7b : -150
150 : #718e80 : -140
160 : #718e84 : -130
170 : #718e89 : -120
180 : #718e8e : -110
190 : #71898e : -100
200 : #71848e : -90
210 : #71808e : -80
220 : #717b8e : -70
230 : #71768e : -60
240 : #71718e : -50
250 : #76718e : -40
260 : #7b718e : -30
270 : #80718e : -20
280 : #84718e : -10
290 : #89718e : ±0
300 : #8e718e : +10
310 : #8e7189 : +20
320 : #8e7184 : +30
330 : #8e7180 : +40
340 : #8e717b : +50
350 : #8e7176 : +60
280 : #84718e : -10
281 : #85718e : -9
282 : #85718e : -8
283 : #86718e : -7
284 : #86718e : -6
285 : #87718e : -5
286 : #87718e : -4
287 : #87718e : -3
288 : #88718e : -2
289 : #88718e : -1
290 : #89718e : ±0
291 : #89718e : +1
292 : #8a718e : +2
293 : #8a718e : +3
294 : #8b718e : +4
295 : #8b718e : +5
296 : #8c718e : +6
297 : #8c718e : +7
298 : #8d718e : +8
299 : #8d718e : +9
300 : #8e718e : +10
S : 彩度 ( 11% )
(0%) 渋い ~ 鮮やか (100%)
1 : #807e81 : -10
3 : #827c83 : -8
5 : #847986 : -6
7 : #857788 : -4
9 : #87748b : -2
11 : #89718e : ±0
13 : #8b6f90 : +2
15 : #8c6c93 : +4
17 : #8e6a95 : +6
19 : #906798 : +8
21 : #91659a : +10
23 : #93629d : +12
25 : #95609f : +14
27 : #965da2 : +16
29 : #985ba4 : +18
31 : #9a58a7 : +20
33 : #9c55aa : +22
35 : #9d53ac : +24
37 : #9f50af : +26
39 : #a14eb1 : +28
41 : #a24bb4 : +30
43 : #a449b6 : +32
45 : #a646b9 : +34
47 : #a744bb : +36
49 : #a941be : +38
51 : #ab3ec1 : +40
53 : #ad3cc3 : +42
55 : #ae39c6 : +44
57 : #b037c8 : +46
59 : #b234cb : +48
61 : #b332cd : +50
63 : #b52fd0 : +52
65 : #b72dd2 : +54
67 : #b82ad5 : +56
69 : #ba28d7 : +58
71 : #bc25da : +60
73 : #be22dd : +62
75 : #bf20df : +64
77 : #c11de2 : +66
79 : #c31be4 : +68
81 : #c418e7 : +70
83 : #c616e9 : +72
85 : #c813ec : +74
87 : #c911ee : +76
89 : #cb0ef1 : +78
91 : #cd0bf4 : +80
93 : #cf09f6 : +82
95 : #d006f9 : +84
97 : #d204fb : +86
99 : #d401fe : +88
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #050506 : -48
4 : #0b090b : -46
6 : #100e11 : -44
8 : #161217 : -42
10 : #1b171c : -40
12 : #211b22 : -38
14 : #262028 : -36
16 : #2c242d : -34
18 : #312933 : -32
20 : #372d39 : -30
22 : #3c323e : -28
24 : #423644 : -26
26 : #473b4a : -24
28 : #4d404f : -22
30 : #524455 : -20
32 : #58495b : -18
34 : #5d4d60 : -16
36 : #635266 : -14
38 : #68566c : -12
40 : #6d5b71 : -10
42 : #735f77 : -8
44 : #78647d : -6
46 : #7e6882 : -4
48 : #836d88 : -2
50 : #89718e : ±0
52 : #8e7792 : +2
54 : #927d97 : +4
56 : #97829b : +6
58 : #9c88a0 : +8
60 : #a08ea4 : +10
62 : #a593a9 : +12
64 : #aa99ad : +14
66 : #af9fb2 : +16
68 : #b3a4b6 : +18
70 : #b8aabb : +20
72 : #bdb0bf : +22
74 : #c2b5c4 : +24
76 : #c6bbc9 : +26
78 : #cbc1cd : +28
80 : #d0c6d2 : +30
82 : #d4ccd6 : +32
84 : #d9d2db : +34
86 : #ded7df : +36
88 : #e3dde4 : +38
90 : #e7e3e8 : +40
92 : #ece8ed : +42
94 : #f1eef1 : +44
96 : #f6f4f6 : +46
98 : #faf9fa : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow