#614258
RGB ( 赤 = 97, 緑 = 66, 青 = 88 )
HSL ( 色相 = 317°, 彩度 = 19%, 明度 = 32% )
H : 色相 ( 317° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #614642 : -310
17 : #614b42 : -300
27 : #615042 : -290
37 : #615542 : -280
47 : #615a42 : -270
57 : #616042 : -260
67 : #5d6142 : -250
77 : #586142 : -240
87 : #536142 : -230
97 : #4e6142 : -220
107 : #496142 : -210
117 : #446142 : -200
127 : #426146 : -190
137 : #42614b : -180
147 : #426150 : -170
157 : #426155 : -160
167 : #42615a : -150
177 : #426160 : -140
187 : #425d61 : -130
197 : #425861 : -120
207 : #425361 : -110
217 : #424e61 : -100
227 : #424961 : -90
237 : #424461 : -80
247 : #464261 : -70
257 : #4b4261 : -60
267 : #504261 : -50
277 : #554261 : -40
287 : #5a4261 : -30
297 : #604261 : -20
307 : #61425d : -10
317 : #614258 : ±0
327 : #614253 : +10
337 : #61424e : +20
347 : #614249 : +30
357 : #614244 : +40
307 : #61425d : -10
308 : #61425d : -9
309 : #61425c : -8
310 : #61425c : -7
311 : #61425b : -6
312 : #61425b : -5
313 : #61425a : -4
314 : #61425a : -3
315 : #614259 : -2
316 : #614259 : -1
317 : #614258 : ±0
318 : #614258 : +1
319 : #614257 : +2
320 : #614257 : +3
321 : #614256 : +4
322 : #614256 : +5
323 : #614255 : +6
324 : #614255 : +7
325 : #614254 : +8
326 : #614254 : +9
327 : #614253 : +10
S : 彩度 ( 19% )
(0%) 渋い ~ 鮮やか (100%)
1 : #525152 : -18
3 : #544f53 : -16
5 : #564e53 : -14
7 : #574c54 : -12
9 : #594a55 : -10
11 : #5b4955 : -8
13 : #5c4756 : -6
15 : #5e4557 : -4
17 : #5f4458 : -2
19 : #614258 : ±0
21 : #634059 : +2
23 : #643f5a : +4
25 : #663d5a : +6
27 : #683c5b : +8
29 : #693a5c : +10
31 : #6b385d : +12
33 : #6d375d : +14
35 : #6e355e : +16
37 : #70335f : +18
39 : #71325f : +20
41 : #733060 : +22
43 : #752f61 : +24
45 : #762d62 : +26
47 : #782b62 : +28
49 : #7a2a63 : +30
51 : #7b2864 : +32
53 : #7d2664 : +34
55 : #7e2565 : +36
57 : #802366 : +38
59 : #822166 : +40
61 : #832067 : +42
63 : #851e68 : +44
65 : #871d69 : +46
67 : #881b69 : +48
69 : #8a196a : +50
71 : #8c186b : +52
73 : #8d166b : +54
75 : #8f146c : +56
77 : #90136d : +58
79 : #92116e : +60
81 : #94106e : +62
83 : #950e6f : +64
85 : #970c70 : +66
87 : #990b70 : +68
89 : #9a0971 : +70
91 : #9c0772 : +72
93 : #9d0672 : +74
95 : #9f0473 : +76
97 : #a10274 : +78
99 : #a20175 : +80
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #060406 : -30
4 : #0c080b : -28
6 : #120c11 : -26
8 : #181116 : -24
10 : #1e151c : -22
12 : #241921 : -20
14 : #2a1d27 : -18
16 : #31212c : -16
18 : #372532 : -14
20 : #3d2937 : -12
22 : #432d3d : -10
24 : #493242 : -8
26 : #4f3648 : -6
28 : #553a4d : -4
30 : #5b3e53 : -2
32 : #614258 : ±0
34 : #67465e : +2
36 : #6d4a63 : +4
38 : #734e69 : +6
40 : #79536e : +8
42 : #7f5774 : +10
44 : #865b79 : +12
46 : #8c5f7f : +14
48 : #926384 : +16
50 : #98678a : +18
52 : #9c6d8f : +20
54 : #a07393 : +22
56 : #a47998 : +24
58 : #a8809d : +26
60 : #ac86a1 : +28
62 : #b18ca6 : +30
64 : #b592ab : +32
66 : #b998af : +34
68 : #bd9eb4 : +36
70 : #c1a4b9 : +38
72 : #c5aabd : +40
74 : #c9b0c2 : +42
76 : #cdb6c7 : +44
78 : #d2bccc : +46
80 : #d6c2d0 : +48
82 : #dac8d5 : +50
84 : #deceda : +52
86 : #e2d5de : +54
88 : #e6dbe3 : +56
90 : #eae1e8 : +58
92 : #eee7ec : +60
94 : #f3edf1 : +62
96 : #f7f3f6 : +64
98 : #fbf9fa : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow