#868dca
RGB
赤 | 134 |
---|---|
緑 | 141 |
青 | 202 |
HSL
色相 | 234° |
---|---|
彩度 | 39% |
明度 | 66% |
輝度 | 57% |
3桁の色
補色
反転色
RGB ( 赤 = 134, 緑 = 141, 青 = 202 )
HSL ( 色相 = 234°, 彩度 = 39%, 明度 = 66% )
H : 色相 ( 234° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #ca8b86 : -230
14 : #ca9686 : -220
24 : #caa286 : -210
34 : #caad86 : -200
44 : #cab886 : -190
54 : #cac386 : -180
64 : #c6ca86 : -170
74 : #baca86 : -160
84 : #afca86 : -150
94 : #a4ca86 : -140
104 : #99ca86 : -130
114 : #8dca86 : -120
124 : #86ca8b : -110
134 : #86ca96 : -100
144 : #86caa2 : -90
154 : #86caad : -80
164 : #86cab8 : -70
174 : #86cac3 : -60
184 : #86c6ca : -50
194 : #86baca : -40
204 : #86afca : -30
214 : #86a4ca : -20
224 : #8699ca : -10
234 : #868dca : ±0
244 : #8b86ca : +10
254 : #9686ca : +20
264 : #a286ca : +30
274 : #ad86ca : +40
284 : #b886ca : +50
294 : #c386ca : +60
304 : #ca86c6 : +70
314 : #ca86ba : +80
324 : #ca86af : +90
334 : #ca86a4 : +100
344 : #ca8699 : +110
354 : #ca868d : +120
224 : #8699ca : -10
225 : #8697ca : -9
226 : #8696ca : -8
227 : #8695ca : -7
228 : #8694ca : -6
229 : #8693ca : -5
230 : #8692ca : -4
231 : #8691ca : -3
232 : #8690ca : -2
233 : #868eca : -1
234 : #868dca : ±0
235 : #868cca : +1
236 : #868bca : +2
237 : #868aca : +3
238 : #8689ca : +4
239 : #8688ca : +5
240 : #8686ca : +6
241 : #8886ca : +7
242 : #8986ca : +8
243 : #8a86ca : +9
244 : #8b86ca : +10
S : 彩度 ( 39% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a7a8a9 : -38
3 : #a6a6ab : -36
5 : #a4a5ad : -34
7 : #a2a3ae : -32
9 : #a0a2b0 : -30
11 : #9fa1b2 : -28
13 : #9d9fb4 : -26
15 : #9b9eb5 : -24
17 : #9a9db7 : -22
19 : #989bb9 : -20
21 : #969abb : -18
23 : #9498bc : -16
25 : #9397be : -14
27 : #9196c0 : -12
29 : #8f94c1 : -10
31 : #8d93c3 : -8
33 : #8c91c5 : -6
35 : #8a90c7 : -4
37 : #888fc8 : -2
39 : #868dca : ±0
41 : #858ccc : +2
43 : #838ace : +4
45 : #8189cf : +6
47 : #8088d1 : +8
49 : #7e86d3 : +10
51 : #7c85d5 : +12
53 : #7a84d6 : +14
55 : #7982d8 : +16
57 : #7781da : +18
59 : #757fdb : +20
61 : #737edd : +22
63 : #727ddf : +24
65 : #707be1 : +26
67 : #6e7ae2 : +28
69 : #6c78e4 : +30
71 : #6b77e6 : +32
73 : #6976e8 : +34
75 : #6774e9 : +36
77 : #6673eb : +38
79 : #6472ed : +40
81 : #6270ef : +42
83 : #606ff0 : +44
85 : #5f6df2 : +46
87 : #5d6cf4 : +48
89 : #5b6bf5 : +50
91 : #5969f7 : +52
93 : #5868f9 : +54
95 : #5666fb : +56
97 : #5465fc : +58
99 : #5264fe : +60
L : 明度 ( 66% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -66
2 : #030407 : -64
4 : #06070e : -62
6 : #090b15 : -60
8 : #0c0e1c : -58
10 : #101223 : -56
12 : #13152b : -54
14 : #161932 : -52
16 : #191c39 : -50
18 : #1c2040 : -48
20 : #1f2347 : -46
22 : #22274e : -44
24 : #252a55 : -42
26 : #282e5c : -40
28 : #2c3163 : -38
30 : #2f356a : -36
32 : #323871 : -34
34 : #353c79 : -32
36 : #383f80 : -30
38 : #3b4387 : -28
40 : #3e468e : -26
42 : #414a95 : -24
44 : #444d9c : -22
46 : #4851a3 : -20
48 : #4b54aa : -18
50 : #4e58b1 : -16
52 : #555eb4 : -14
54 : #5c65b7 : -12
56 : #636cbb : -10
58 : #6a72be : -8
60 : #7179c1 : -6
62 : #7880c4 : -4
64 : #7f87c7 : -2
66 : #868dca : ±0
68 : #8e94cd : +2
70 : #959bd0 : +4
72 : #9ca1d3 : +6
74 : #a3a8d7 : +8
76 : #aaafda : +10
78 : #b1b5dd : +12
80 : #b8bce0 : +14
82 : #bfc3e3 : +16
84 : #c6c9e6 : +18
86 : #cdd0e9 : +20
88 : #d4d7ec : +22
90 : #dcdeef : +24
92 : #e3e4f3 : +26
94 : #eaebf6 : +28
96 : #f1f2f9 : +30
98 : #f8f8fc : +32
100 : #ffffff : +34
CSS入門、作ってます。
text-shadow