#6b94db
RGB
赤 | 107 |
---|---|
緑 | 148 |
青 | 219 |
HSL
色相 | 218° |
---|---|
彩度 | 61% |
明度 | 64% |
輝度 | 56% |
3桁の色
補色
反転色
RGB ( 赤 = 107, 緑 = 148, 青 = 219 )
HSL ( 色相 = 218°, 彩度 = 61%, 明度 = 64% )
H : 色相 ( 218° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #db7a6b : -210
18 : #db8d6b : -200
28 : #db9f6b : -190
38 : #dbb26b : -180
48 : #dbc56b : -170
58 : #dbd76b : -160
68 : #ccdb6b : -150
78 : #badb6b : -140
88 : #a7db6b : -130
98 : #94db6b : -120
108 : #82db6b : -110
118 : #6fdb6b : -100
128 : #6bdb7a : -90
138 : #6bdb8d : -80
148 : #6bdb9f : -70
158 : #6bdbb2 : -60
168 : #6bdbc5 : -50
178 : #6bdbd7 : -40
188 : #6bccdb : -30
198 : #6bbadb : -20
208 : #6ba7db : -10
218 : #6b94db : ±0
228 : #6b82db : +10
238 : #6b6fdb : +20
248 : #7a6bdb : +30
258 : #8d6bdb : +40
268 : #9f6bdb : +50
278 : #b26bdb : +60
288 : #c56bdb : +70
298 : #d76bdb : +80
308 : #db6bcc : +90
318 : #db6bba : +100
328 : #db6ba7 : +110
338 : #db6b94 : +120
348 : #db6b82 : +130
358 : #db6b6f : +140
208 : #6ba7db : -10
209 : #6ba5db : -9
210 : #6ba3db : -8
211 : #6ba1db : -7
212 : #6b9fdb : -6
213 : #6b9edb : -5
214 : #6b9cdb : -4
215 : #6b9adb : -3
216 : #6b98db : -2
217 : #6b96db : -1
218 : #6b94db : ±0
219 : #6b92db : +1
220 : #6b91db : +2
221 : #6b8fdb : +3
222 : #6b8ddb : +4
223 : #6b8bdb : +5
224 : #6b89db : +6
225 : #6b87db : +7
226 : #6b85db : +8
227 : #6b83db : +9
228 : #6b82db : +10
S : 彩度 ( 61% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a2a3a4 : -60
3 : #a0a2a6 : -58
5 : #9fa2a8 : -56
7 : #9da1aa : -54
9 : #9ba1ab : -52
11 : #99a1ad : -50
13 : #97a0af : -48
15 : #95a0b1 : -46
17 : #949fb3 : -44
19 : #929fb5 : -42
21 : #909eb6 : -40
23 : #8e9eb8 : -38
25 : #8c9dba : -36
27 : #8a9dbc : -34
29 : #899cbe : -32
31 : #879cc0 : -30
33 : #859bc1 : -28
35 : #839bc3 : -26
37 : #819ac5 : -24
39 : #7f9ac7 : -22
41 : #7e99c9 : -20
43 : #7c99cb : -18
45 : #7a98cd : -16
47 : #7898ce : -14
49 : #7697d0 : -12
51 : #7497d2 : -10
53 : #7396d4 : -8
55 : #7196d6 : -6
57 : #6f95d8 : -4
59 : #6d95d9 : -2
61 : #6b94db : ±0
63 : #6994dd : +2
65 : #6893df : +4
67 : #6693e1 : +6
69 : #6492e3 : +8
71 : #6292e4 : +10
73 : #6091e6 : +12
75 : #5e91e8 : +14
77 : #5d90ea : +16
79 : #5b90ec : +18
81 : #598fee : +20
83 : #578fef : +22
85 : #558ef1 : +24
87 : #538ef3 : +26
89 : #518df5 : +28
91 : #508df7 : +30
93 : #4e8cf9 : +32
95 : #4c8cfa : +34
97 : #4a8bfc : +36
99 : #488bfe : +38
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #020408 : -62
4 : #040910 : -60
6 : #060d19 : -58
8 : #081121 : -56
10 : #0a1529 : -54
12 : #0c1a31 : -52
14 : #0e1e39 : -50
16 : #102242 : -48
18 : #12264a : -46
20 : #142b52 : -44
22 : #162f5a : -42
24 : #183363 : -40
26 : #1a386b : -38
28 : #1c3c73 : -36
30 : #1e407b : -34
32 : #204483 : -32
34 : #22498c : -30
36 : #244d94 : -28
38 : #26519c : -26
40 : #2855a4 : -24
42 : #2a5aac : -22
44 : #2c5eb5 : -20
46 : #2e62bd : -18
48 : #3066c5 : -16
50 : #326bcd : -14
52 : #3a71cf : -12
54 : #4277d1 : -10
56 : #4a7dd3 : -8
58 : #5382d5 : -6
60 : #5b88d7 : -4
62 : #638ed9 : -2
64 : #6b94db : ±0
66 : #739add : +2
68 : #7ca0df : +4
70 : #84a6e1 : +6
72 : #8cace3 : +8
74 : #94b2e5 : +10
76 : #9cb8e7 : +12
78 : #a5bee9 : +14
80 : #adc4eb : +16
82 : #b5caed : +18
84 : #bdd0ef : +20
86 : #c6d5f1 : +22
88 : #cedbf3 : +24
90 : #d6e1f5 : +26
92 : #dee7f7 : +28
94 : #e6edf9 : +30
96 : #eff3fb : +32
98 : #f7f9fd : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow