#6a568f
RGB ( 赤 = 106, 緑 = 86, 青 = 143 )
HSL ( 色相 = 261°, 彩度 = 25%, 明度 = 45% )
H : 色相 ( 261° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #8f5756 : -260
11 : #8f6156 : -250
21 : #8f6a56 : -240
31 : #8f7456 : -230
41 : #8f7d56 : -220
51 : #8f8756 : -210
61 : #8e8f56 : -200
71 : #858f56 : -190
81 : #7b8f56 : -180
91 : #728f56 : -170
101 : #688f56 : -160
111 : #5f8f56 : -150
121 : #568f57 : -140
131 : #568f61 : -130
141 : #568f6a : -120
151 : #568f74 : -110
161 : #568f7d : -100
171 : #568f87 : -90
181 : #568e8f : -80
191 : #56858f : -70
201 : #567b8f : -60
211 : #56728f : -50
221 : #56688f : -40
231 : #565f8f : -30
241 : #57568f : -20
251 : #61568f : -10
261 : #6a568f : ±0
271 : #74568f : +10
281 : #7d568f : +20
291 : #87568f : +30
301 : #8f568e : +40
311 : #8f5685 : +50
321 : #8f567b : +60
331 : #8f5672 : +70
341 : #8f5668 : +80
351 : #8f565f : +90
251 : #61568f : -10
252 : #62568f : -9
253 : #62568f : -8
254 : #63568f : -7
255 : #64568f : -6
256 : #65568f : -5
257 : #66568f : -4
258 : #67568f : -3
259 : #68568f : -2
260 : #69568f : -1
261 : #6a568f : ±0
262 : #6b568f : +1
263 : #6c568f : +2
264 : #6d568f : +3
265 : #6e568f : +4
266 : #6f568f : +5
267 : #70568f : +6
268 : #71568f : +7
269 : #72568f : +8
270 : #73568f : +9
271 : #74568f : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #727274 : -24
3 : #726f76 : -22
5 : #716d78 : -20
7 : #706b7b : -18
9 : #70687d : -16
11 : #6f667f : -14
13 : #6e6482 : -12
15 : #6e6284 : -10
17 : #6d5f86 : -8
19 : #6c5d89 : -6
21 : #6c5b8b : -4
23 : #6b588d : -2
25 : #6a568f : ±0
27 : #695492 : +2
29 : #695194 : +4
31 : #684f96 : +6
33 : #674d99 : +8
35 : #674b9b : +10
37 : #66489d : +12
39 : #6546a0 : +14
41 : #6544a2 : +16
43 : #6441a4 : +18
45 : #633fa6 : +20
47 : #633da9 : +22
49 : #623bab : +24
51 : #6138ad : +26
53 : #6136b0 : +28
55 : #6034b2 : +30
57 : #5f31b4 : +32
59 : #5e2fb6 : +34
61 : #5e2db9 : +36
63 : #5d2abb : +38
65 : #5c28bd : +40
67 : #5c26c0 : +42
69 : #5b24c2 : +44
71 : #5a21c4 : +46
73 : #5a1fc7 : +48
75 : #591dc9 : +50
77 : #581acb : +52
79 : #5818cd : +54
81 : #5716d0 : +56
83 : #5614d2 : +58
85 : #5511d4 : +60
87 : #550fd7 : +62
89 : #540dd9 : +64
91 : #530adb : +66
93 : #5308dd : +68
95 : #5206e0 : +70
97 : #5103e2 : +72
99 : #5101e4 : +74
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -44
3 : #07060a : -42
5 : #0c0a10 : -40
7 : #110d16 : -38
9 : #15111d : -36
11 : #1a1523 : -34
13 : #1f1929 : -32
15 : #231d30 : -30
17 : #282136 : -28
19 : #2d243d : -26
21 : #322843 : -24
23 : #362c49 : -22
25 : #3b3050 : -20
27 : #403456 : -18
29 : #44375c : -16
31 : #493b63 : -14
33 : #4e3f69 : -12
35 : #534370 : -10
37 : #574776 : -8
39 : #5c4b7c : -6
41 : #614e83 : -4
43 : #655289 : -2
45 : #6a568f : ±0
47 : #6f5a96 : +2
49 : #745e9c : +4
51 : #7963a1 : +6
53 : #7e69a5 : +8
55 : #8470a9 : +10
57 : #8976ad : +12
59 : #8f7cb1 : +14
61 : #9483b4 : +16
63 : #9a89b8 : +18
65 : #9f8fbc : +20
67 : #a596c0 : +22
69 : #aa9cc4 : +24
71 : #b0a3c8 : +26
73 : #b5a9cb : +28
75 : #baafcf : +30
77 : #c0b6d3 : +32
79 : #c5bcd7 : +34
81 : #cbc2db : +36
83 : #d0c9de : +38
85 : #d6cfe2 : +40
87 : #dbd6e6 : +42
89 : #e1dcea : +44
91 : #e6e2ee : +46
93 : #ece9f2 : +48
95 : #f1eff5 : +50
97 : #f7f5f9 : +52
99 : #fcfcfd : +54
CSS入門、作ってます。
text-shadow