#bfdbed
RGB
赤 | 191 |
---|---|
緑 | 219 |
青 | 237 |
HSL
色相 | 203° |
---|---|
彩度 | 56% |
明度 | 84% |
輝度 | 83% |
3桁の色
補色
反転色
RGB ( 赤 = 191, 緑 = 219, 青 = 237 )
HSL ( 色相 = 203°, 彩度 = 56%, 明度 = 84% )
H : 色相 ( 203° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #edc2bf : -200
13 : #edc9bf : -190
23 : #edd1bf : -180
33 : #edd8bf : -170
43 : #ede0bf : -160
53 : #ede8bf : -150
63 : #ebedbf : -140
73 : #e3edbf : -130
83 : #dcedbf : -120
93 : #d4edbf : -110
103 : #ccedbf : -100
113 : #c5edbf : -90
123 : #bfedc2 : -80
133 : #bfedc9 : -70
143 : #bfedd1 : -60
153 : #bfedd8 : -50
163 : #bfede0 : -40
173 : #bfede8 : -30
183 : #bfebed : -20
193 : #bfe3ed : -10
203 : #bfdced : ±0
213 : #bfd4ed : +10
223 : #bfcced : +20
233 : #bfc5ed : +30
243 : #c2bfed : +40
253 : #c9bfed : +50
263 : #d1bfed : +60
273 : #d8bfed : +70
283 : #e0bfed : +80
293 : #e8bfed : +90
303 : #edbfeb : +100
313 : #edbfe3 : +110
323 : #edbfdc : +120
333 : #edbfd4 : +130
343 : #edbfcc : +140
353 : #edbfc5 : +150
193 : #bfe3ed : -10
194 : #bfe2ed : -9
195 : #bfe2ed : -8
196 : #bfe1ed : -7
197 : #bfe0ed : -6
198 : #bfdfed : -5
199 : #bfdfed : -4
200 : #bfdeed : -3
201 : #bfdded : -2
202 : #bfdced : -1
203 : #bfdced : ±0
204 : #bfdbed : +1
205 : #bfdaed : +2
206 : #bfd9ed : +3
207 : #bfd8ed : +4
208 : #bfd8ed : +5
209 : #bfd7ed : +6
210 : #bfd6ed : +7
211 : #bfd5ed : +8
212 : #bfd5ed : +9
213 : #bfd4ed : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #d6d6d6 : -56
2 : #d5d6d7 : -54
4 : #d5d7d8 : -52
6 : #d4d7d9 : -50
8 : #d3d7d9 : -48
10 : #d2d7da : -46
12 : #d1d7db : -44
14 : #d0d8dc : -42
16 : #d0d8dd : -40
18 : #cfd8de : -38
20 : #ced8de : -36
22 : #cdd8df : -34
24 : #ccd8e0 : -32
26 : #ccd9e1 : -30
28 : #cbd9e2 : -28
30 : #cad9e2 : -26
32 : #c9d9e3 : -24
34 : #c8d9e4 : -22
36 : #c8dae5 : -20
38 : #c7dae6 : -18
40 : #c6dae7 : -16
42 : #c5dae7 : -14
44 : #c4dae8 : -12
46 : #c3dbe9 : -10
48 : #c3dbea : -8
50 : #c2dbeb : -6
52 : #c1dbeb : -4
54 : #c0dbec : -2
56 : #bfdced : ±0
58 : #bfdcee : +2
60 : #bedcef : +4
62 : #bddcef : +6
64 : #bcdcf0 : +8
66 : #bbdcf1 : +10
68 : #baddf2 : +12
70 : #baddf3 : +14
72 : #b9ddf4 : +16
74 : #b8ddf4 : +18
76 : #b7ddf5 : +20
78 : #b6def6 : +22
80 : #b6def7 : +24
82 : #b5def8 : +26
84 : #b4def8 : +28
86 : #b3def9 : +30
88 : #b2dffa : +32
90 : #b1dffb : +34
92 : #b1dffc : +36
94 : #b0dffd : +38
96 : #afdffd : +40
98 : #aee0fe : +42
100 : #ade0ff : +44
L : 明度 ( 84% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -84
2 : #020608 : -82
4 : #040c10 : -80
6 : #071118 : -78
8 : #091720 : -76
10 : #0b1d28 : -74
12 : #0d2330 : -72
14 : #102838 : -70
16 : #122e40 : -68
18 : #143448 : -66
20 : #163a50 : -64
22 : #193f58 : -62
24 : #1b455f : -60
26 : #1d4b67 : -58
28 : #1f516f : -56
30 : #225677 : -54
32 : #245c7f : -52
34 : #266287 : -50
36 : #28688f : -48
38 : #2b6e97 : -46
40 : #2d739f : -44
42 : #2f79a7 : -42
44 : #317faf : -40
46 : #3485b7 : -38
48 : #368abf : -36
50 : #3890c7 : -34
52 : #4095c9 : -32
54 : #4899cb : -30
56 : #509dce : -28
58 : #58a2d0 : -26
60 : #60a6d2 : -24
62 : #68abd4 : -22
64 : #70afd7 : -20
66 : #78b4d9 : -18
68 : #80b8db : -16
70 : #88bcdd : -14
72 : #90c1e0 : -12
74 : #98c5e2 : -10
76 : #a0cae4 : -8
78 : #a7cee6 : -6
80 : #afd3e9 : -4
82 : #b7d7eb : -2
84 : #bfdced : ±0
86 : #c7e0ef : +2
88 : #cfe4f2 : +4
90 : #d7e9f4 : +6
92 : #dfedf6 : +8
94 : #e7f2f8 : +10
96 : #eff6fb : +12
98 : #f7fbfd : +14
100 : #ffffff : +16
CSS入門、作ってます。
text-shadow