#cdd4fe
RGB
| 赤 | 205 |
|---|---|
| 緑 | 212 |
| 青 | 254 |
HSL
| 色相 | 231° |
|---|---|
| 彩度 | 96% |
| 明度 | 90% |
| 輝度 | 84% |
３桁の色
補色
反転色
RGB ( 赤 = 205, 緑 = 212, 青 = 254 )
HSL ( 色相 = 231°, 彩度 = 96%, 明度 = 90% )
H : 色相 ( 231° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #fececd : -230
11 : #fed6cd : -220
21 : #fedecd : -210
31 : #fee6cd : -200
41 : #feeecd : -190
51 : #fef7cd : -180
61 : #fdfecd : -170
71 : #f5fecd : -160
81 : #edfecd : -150
91 : #e5fecd : -140
101 : #ddfecd : -130
111 : #d4fecd : -120
121 : #cdfece : -110
131 : #cdfed6 : -100
141 : #cdfede : -90
151 : #cdfee6 : -80
161 : #cdfeee : -70
171 : #cdfef7 : -60
181 : #cdfdfe : -50
191 : #cdf5fe : -40
201 : #cdedfe : -30
211 : #cde5fe : -20
221 : #cdddfe : -10
231 : #cdd4fe : ±0
241 : #cecdfe : +10
251 : #d6cdfe : +20
261 : #decdfe : +30
271 : #e6cdfe : +40
281 : #eecdfe : +50
291 : #f7cdfe : +60
301 : #fecdfd : +70
311 : #fecdf5 : +80
321 : #fecded : +90
331 : #fecde5 : +100
341 : #fecddd : +110
351 : #fecdd4 : +120
221 : #cdddfe : -10
222 : #cddcfe : -9
223 : #cddbfe : -8
224 : #cddafe : -7
225 : #cdd9fe : -6
226 : #cdd8fe : -5
227 : #cdd8fe : -4
228 : #cdd7fe : -3
229 : #cdd6fe : -2
230 : #cdd5fe : -1
231 : #cdd4fe : ±0
232 : #cdd4fe : +1
233 : #cdd3fe : +2
234 : #cdd2fe : +3
235 : #cdd1fe : +4
236 : #cdd0fe : +5
237 : #cdcffe : +6
238 : #cdcffe : +7
239 : #cdcefe : +8
240 : #cdcdfe : +9
241 : #cecdfe : +10
S : 彩度 ( 96% )
(0%) 渋い ～ 鮮やか (100%)
0 : #e5e5e5 : -96
2 : #e5e5e6 : -94
4 : #e4e5e7 : -92
6 : #e4e4e7 : -90
8 : #e3e4e8 : -88
10 : #e3e4e8 : -86
12 : #e2e3e9 : -84
14 : #e2e3e9 : -82
16 : #e1e3ea : -80
18 : #e1e2ea : -78
20 : #e0e2eb : -76
22 : #e0e2eb : -74
24 : #dfe1ec : -72
26 : #dfe1ec : -70
28 : #dee1ed : -68
30 : #dee0ed : -66
32 : #dde0ee : -64
34 : #dddfee : -62
36 : #dcdfef : -60
38 : #dcdfef : -58
40 : #dbdef0 : -56
42 : #dbdef0 : -54
44 : #dadef1 : -52
46 : #daddf1 : -50
48 : #d9ddf2 : -48
50 : #d9ddf2 : -46
52 : #d8dcf3 : -44
54 : #d8dcf3 : -42
56 : #d7dcf4 : -40
58 : #d7dbf4 : -38
60 : #d6dbf5 : -36
62 : #d6daf5 : -34
64 : #d5daf6 : -32
66 : #d5daf6 : -30
68 : #d4d9f7 : -28
70 : #d4d9f7 : -26
72 : #d3d9f8 : -24
74 : #d3d8f8 : -22
76 : #d2d8f9 : -20
78 : #d2d8f9 : -18
80 : #d1d7fa : -16
82 : #d1d7fa : -14
84 : #d0d7fb : -12
86 : #d0d6fb : -10
88 : #cfd6fc : -8
90 : #cfd5fc : -6
92 : #ced5fd : -4
94 : #ced5fd : -2
96 : #cdd4fe : ±0
98 : #cdd4fe : +2
100 : #ccd4ff : +4
L : 明度 ( 90% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -90
2 : #00020a : -88
4 : #000314 : -86
6 : #01051e : -84
8 : #010728 : -82
10 : #010832 : -80
12 : #010a3c : -78
14 : #010c46 : -76
16 : #020d50 : -74
18 : #020f5a : -72
20 : #021164 : -70
22 : #02126e : -68
24 : #021478 : -66
26 : #031682 : -64
28 : #03178c : -62
30 : #031996 : -60
32 : #031ba0 : -58
34 : #031caa : -56
36 : #041eb4 : -54
38 : #0420be : -52
40 : #0421c8 : -50
42 : #0423d2 : -48
44 : #0425dc : -46
46 : #0526e6 : -44
48 : #0528f0 : -42
50 : #052afa : -40
52 : #0f32fa : -38
54 : #193bfa : -36
56 : #2343fb : -34
58 : #2d4cfb : -32
60 : #3754fb : -30
62 : #415dfb : -28
64 : #4b66fb : -26
66 : #556efc : -24
68 : #5f77fc : -22
70 : #697ffc : -20
72 : #7388fc : -18
74 : #7d90fc : -16
76 : #8799fd : -14
78 : #91a1fd : -12
80 : #9baafd : -10
82 : #a5b2fd : -8
84 : #afbbfd : -6
86 : #b9c3fe : -4
88 : #c3ccfe : -2
90 : #cdd4fe : ±0
92 : #d7ddfe : +2
94 : #e1e5fe : +4
96 : #ebeeff : +6
98 : #f5f6ff : +8
100 : #ffffff : +10
CSS入門、作ってます。
text-shadow