#9cdefc
RGB
赤 | 156 |
---|---|
緑 | 222 |
青 | 252 |
HSL
色相 | 199° |
---|---|
彩度 | 94% |
明度 | 80% |
輝度 | 81% |
3桁の色
補色
反転色
RGB ( 赤 = 156, 緑 = 222, 青 = 252 )
HSL ( 色相 = 199°, 彩度 = 94%, 明度 = 80% )
H : 色相 ( 199° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #fcaa9c : -190
19 : #fcba9c : -180
29 : #fcca9c : -170
39 : #fcda9c : -160
49 : #fcea9c : -150
59 : #fcfa9c : -140
69 : #eefc9c : -130
79 : #defc9c : -120
89 : #cefc9c : -110
99 : #befc9c : -100
109 : #aefc9c : -90
119 : #9efc9c : -80
129 : #9cfcaa : -70
139 : #9cfcba : -60
149 : #9cfcca : -50
159 : #9cfcda : -40
169 : #9cfcea : -30
179 : #9cfcfa : -20
189 : #9ceefc : -10
199 : #9cdefc : ±0
209 : #9ccefc : +10
219 : #9cbefc : +20
229 : #9caefc : +30
239 : #9c9efc : +40
249 : #aa9cfc : +50
259 : #ba9cfc : +60
269 : #ca9cfc : +70
279 : #da9cfc : +80
289 : #ea9cfc : +90
299 : #fa9cfc : +100
309 : #fc9cee : +110
319 : #fc9cde : +120
329 : #fc9cce : +130
339 : #fc9cbe : +140
349 : #fc9cae : +150
359 : #fc9c9e : +160
189 : #9ceefc : -10
190 : #9cecfc : -9
191 : #9ceafc : -8
192 : #9ce9fc : -7
193 : #9ce7fc : -6
194 : #9ce6fc : -5
195 : #9ce4fc : -4
196 : #9ce2fc : -3
197 : #9ce1fc : -2
198 : #9cdffc : -1
199 : #9cdefc : ±0
200 : #9cdcfc : +1
201 : #9cdafc : +2
202 : #9cd9fc : +3
203 : #9cd7fc : +4
204 : #9cd6fc : +5
205 : #9cd4fc : +6
206 : #9cd2fc : +7
207 : #9cd1fc : +8
208 : #9ccffc : +9
209 : #9ccefc : +10
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #cccccc : -94
2 : #cbcccd : -92
4 : #cacdce : -90
6 : #c9cdcf : -88
8 : #c8cdd0 : -86
10 : #c7ced1 : -84
12 : #c6ced2 : -82
14 : #c5cfd3 : -80
16 : #c4cfd4 : -78
18 : #c3cfd5 : -76
20 : #c2d0d6 : -74
22 : #c1d0d7 : -72
24 : #c0d0d8 : -70
26 : #bfd1d9 : -68
28 : #bed1da : -66
30 : #bdd2db : -64
32 : #bcd2dc : -62
34 : #bbd2dd : -60
36 : #bad3de : -58
38 : #b9d3df : -56
40 : #b8d3e0 : -54
42 : #b7d4e1 : -52
44 : #b6d4e2 : -50
46 : #b5d5e3 : -48
48 : #b4d5e4 : -46
50 : #b3d5e6 : -44
52 : #b1d6e7 : -42
54 : #b0d6e8 : -40
56 : #afd6e9 : -38
58 : #aed7ea : -36
60 : #add7eb : -34
62 : #acd8ec : -32
64 : #abd8ed : -30
66 : #aad8ee : -28
68 : #a9d9ef : -26
70 : #a8d9f0 : -24
72 : #a7d9f1 : -22
74 : #a6daf2 : -20
76 : #a5daf3 : -18
78 : #a4dbf4 : -16
80 : #a3dbf5 : -14
82 : #a2dbf6 : -12
84 : #a1dcf7 : -10
86 : #a0dcf8 : -8
88 : #9fdcf9 : -6
90 : #9eddfa : -4
92 : #9dddfb : -2
94 : #9cdefc : ±0
96 : #9bdefd : +2
98 : #9adefe : +4
100 : #99dfff : +6
L : 明度 ( 80% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -80
2 : #00070a : -78
4 : #010e14 : -76
6 : #01151e : -74
8 : #011b28 : -72
10 : #022231 : -70
12 : #02293b : -68
14 : #023045 : -66
16 : #02374f : -64
18 : #033e59 : -62
20 : #034563 : -60
22 : #034b6d : -58
24 : #045277 : -56
26 : #045981 : -54
28 : #04608b : -52
30 : #056794 : -50
32 : #056e9e : -48
34 : #0575a8 : -46
36 : #067bb2 : -44
38 : #0682bc : -42
40 : #0689c6 : -40
42 : #0690d0 : -38
44 : #0797da : -36
46 : #079ee4 : -34
48 : #07a5ed : -32
50 : #08abf7 : -30
52 : #12aff8 : -28
54 : #1bb2f8 : -26
56 : #25b5f8 : -24
58 : #2fb9f9 : -22
60 : #39bcf9 : -20
62 : #43bff9 : -18
64 : #4dc3f9 : -16
66 : #57c6fa : -14
68 : #61cafa : -12
70 : #6bcdfa : -10
72 : #74d0fb : -8
74 : #7ed4fb : -6
76 : #88d7fb : -4
78 : #92dafc : -2
80 : #9cdefc : ±0
82 : #a6e1fc : +2
84 : #b0e4fd : +4
86 : #bae8fd : +6
88 : #c4ebfd : +8
90 : #ceeefd : +10
92 : #d7f2fe : +12
94 : #e1f5fe : +14
96 : #ebf8fe : +16
98 : #f5fcff : +18
100 : #ffffff : +20
CSS入門、作ってます。
text-shadow