#6c6eda
RGB
赤 | 108 |
---|---|
緑 | 110 |
青 | 218 |
HSL
色相 | 239° |
---|---|
彩度 | 60% |
明度 | 64% |
輝度 | 48% |
3桁の色
補色
反転色
RGB ( 赤 = 108, 緑 = 110, 青 = 218 )
HSL ( 色相 = 239°, 彩度 = 60%, 明度 = 64% )
H : 色相 ( 239° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #da7d6c : -230
19 : #da8f6c : -220
29 : #daa16c : -210
39 : #dab46c : -200
49 : #dac66c : -190
59 : #dad86c : -180
69 : #cada6c : -170
79 : #b7da6c : -160
89 : #a5da6c : -150
99 : #93da6c : -140
109 : #80da6c : -130
119 : #6eda6c : -120
129 : #6cda7d : -110
139 : #6cda8f : -100
149 : #6cdaa1 : -90
159 : #6cdab4 : -80
169 : #6cdac6 : -70
179 : #6cdad8 : -60
189 : #6ccada : -50
199 : #6cb7da : -40
209 : #6ca5da : -30
219 : #6c93da : -20
229 : #6c80da : -10
239 : #6c6eda : ±0
249 : #7d6cda : +10
259 : #8f6cda : +20
269 : #a16cda : +30
279 : #b46cda : +40
289 : #c66cda : +50
299 : #d86cda : +60
309 : #da6cca : +70
319 : #da6cb7 : +80
329 : #da6ca5 : +90
339 : #da6c93 : +100
349 : #da6c80 : +110
359 : #da6c6e : +120
229 : #6c80da : -10
230 : #6c7eda : -9
231 : #6c7dda : -8
232 : #6c7bda : -7
233 : #6c79da : -6
234 : #6c77da : -5
235 : #6c75da : -4
236 : #6c73da : -3
237 : #6c72da : -2
238 : #6c70da : -1
239 : #6c6eda : ±0
240 : #6c6cda : +1
241 : #6e6cda : +2
242 : #706cda : +3
243 : #726cda : +4
244 : #736cda : +5
245 : #756cda : +6
246 : #776cda : +7
247 : #796cda : +8
248 : #7b6cda : +9
249 : #7d6cda : +10
S : 彩度 ( 60% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a3a3a3 : -60
2 : #a1a1a5 : -58
4 : #a0a0a7 : -56
6 : #9e9ea9 : -54
8 : #9c9cab : -52
10 : #9a9aac : -50
12 : #9899ae : -48
14 : #9697b0 : -46
16 : #9595b2 : -44
18 : #9393b4 : -42
20 : #9191b6 : -40
22 : #8f90b7 : -38
24 : #8d8eb9 : -36
26 : #8b8cbb : -34
28 : #898abd : -32
30 : #8889bf : -30
32 : #8687c1 : -28
34 : #8485c2 : -26
36 : #8283c4 : -24
38 : #8081c6 : -22
40 : #7e80c8 : -20
42 : #7d7eca : -18
44 : #7b7ccc : -16
46 : #797acd : -14
48 : #7779cf : -12
50 : #7577d1 : -10
52 : #7375d3 : -8
54 : #7273d5 : -6
56 : #7072d7 : -4
58 : #6e70d8 : -2
60 : #6c6eda : ±0
62 : #6a6cdc : +2
64 : #686ade : +4
66 : #6769e0 : +6
68 : #6567e2 : +8
70 : #6365e3 : +10
72 : #6163e5 : +12
74 : #5f62e7 : +14
76 : #5d60e9 : +16
78 : #5c5eeb : +18
80 : #5a5ced : +20
82 : #585aee : +22
84 : #5659f0 : +24
86 : #5457f2 : +26
88 : #5255f4 : +28
90 : #5153f6 : +30
92 : #4f52f8 : +32
94 : #4d50f9 : +34
96 : #4b4efb : +36
98 : #494cfd : +38
100 : #474aff : +40
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #020208 : -62
4 : #040410 : -60
6 : #060618 : -58
8 : #080921 : -56
10 : #0a0b29 : -54
12 : #0c0d31 : -52
14 : #0e0f39 : -50
16 : #101141 : -48
18 : #121349 : -46
20 : #141552 : -44
22 : #16185a : -42
24 : #181a62 : -40
26 : #1b1c6a : -38
28 : #1d1e72 : -36
30 : #1f207a : -34
32 : #212283 : -32
34 : #23248b : -30
36 : #252793 : -28
38 : #27299b : -26
40 : #292ba3 : -24
42 : #2b2dab : -22
44 : #2d2fb4 : -20
46 : #2f31bc : -18
48 : #3133c4 : -16
50 : #3336cc : -14
52 : #3b3ece : -12
54 : #4346d0 : -10
56 : #4b4ed2 : -8
58 : #5456d4 : -6
60 : #5c5ed6 : -4
62 : #6466d8 : -2
64 : #6c6eda : ±0
66 : #7476dc : +2
68 : #7c7ede : +4
70 : #8586e0 : +6
72 : #8d8ee2 : +8
74 : #9596e4 : +10
76 : #9d9ee7 : +12
78 : #a5a6e9 : +14
80 : #adaeeb : +16
82 : #b6b6ed : +18
84 : #bebfef : +20
86 : #c6c7f1 : +22
88 : #cecff3 : +24
90 : #d6d7f5 : +26
92 : #dedff7 : +28
94 : #e7e7f9 : +30
96 : #efeffb : +32
98 : #f7f7fd : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow