#f4dbfb
RGB
赤 | 244 |
---|---|
緑 | 219 |
青 | 251 |
HSL
色相 | 287° |
---|---|
彩度 | 80% |
明度 | 92% |
輝度 | 90% |
3桁の色
補色
反転色
RGB ( 赤 = 244, 緑 = 219, 青 = 251 )
HSL ( 色相 = 287°, 彩度 = 80%, 明度 = 92% )
H : 色相 ( 287° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #fbdeda : -280
17 : #fbe4da : -270
27 : #fbe9da : -260
37 : #fbeeda : -250
47 : #fbf4da : -240
57 : #fbf9da : -230
67 : #f7fbda : -220
77 : #f2fbda : -210
87 : #ecfbda : -200
97 : #e7fbda : -190
107 : #e1fbda : -180
117 : #dcfbda : -170
127 : #dafbde : -160
137 : #dafbe4 : -150
147 : #dafbe9 : -140
157 : #dafbee : -130
167 : #dafbf4 : -120
177 : #dafbf9 : -110
187 : #daf7fb : -100
197 : #daf2fb : -90
207 : #daecfb : -80
217 : #dae7fb : -70
227 : #dae1fb : -60
237 : #dadcfb : -50
247 : #dedafb : -40
257 : #e4dafb : -30
267 : #e9dafb : -20
277 : #eedafb : -10
287 : #f4dafb : ±0
297 : #f9dafb : +10
307 : #fbdaf7 : +20
317 : #fbdaf2 : +30
327 : #fbdaec : +40
337 : #fbdae7 : +50
347 : #fbdae1 : +60
357 : #fbdadc : +70
277 : #eedafb : -10
278 : #efdafb : -9
279 : #efdafb : -8
280 : #f0dafb : -7
281 : #f1dafb : -6
282 : #f1dafb : -5
283 : #f2dafb : -4
284 : #f2dafb : -3
285 : #f3dafb : -2
286 : #f3dafb : -1
287 : #f4dafb : ±0
288 : #f4dafb : +1
289 : #f5dafb : +2
290 : #f5dafb : +3
291 : #f6dafb : +4
292 : #f7dafb : +5
293 : #f7dafb : +6
294 : #f8dafb : +7
295 : #f8dafb : +8
296 : #f9dafb : +9
297 : #f9dafb : +10
S : 彩度 ( 80% )
(0%) 渋い ~ 鮮やか (100%)
0 : #eaeaea : -80
2 : #ebeaeb : -78
4 : #ebeaeb : -76
6 : #ebe9ec : -74
8 : #ece9ec : -72
10 : #ece9ed : -70
12 : #ece8ed : -68
14 : #ece8ed : -66
16 : #ece7ee : -64
18 : #ede7ee : -62
20 : #ede7ef : -60
22 : #ede6ef : -58
24 : #ede6ef : -56
26 : #eee5f0 : -54
28 : #eee5f0 : -52
30 : #eee4f1 : -50
32 : #eee4f1 : -48
34 : #efe4f2 : -46
36 : #efe3f2 : -44
38 : #efe3f2 : -42
40 : #efe2f3 : -40
42 : #efe2f3 : -38
44 : #f0e2f4 : -36
46 : #f0e1f4 : -34
48 : #f0e1f4 : -32
50 : #f0e0f5 : -30
52 : #f1e0f5 : -28
54 : #f1e0f6 : -26
56 : #f1dff6 : -24
58 : #f1dff6 : -22
60 : #f2def7 : -20
62 : #f2def7 : -18
64 : #f2def8 : -16
66 : #f2ddf8 : -14
68 : #f2ddf8 : -12
70 : #f3dcf9 : -10
72 : #f3dcf9 : -8
74 : #f3dcfa : -6
76 : #f3dbfa : -4
78 : #f4dbfb : -2
80 : #f4dafb : ±0
82 : #f4dafb : +2
84 : #f4d9fc : +4
86 : #f5d9fc : +6
88 : #f5d9fd : +8
90 : #f5d8fd : +10
92 : #f5d8fd : +12
94 : #f5d7fe : +14
96 : #f6d7fe : +16
98 : #f6d7ff : +18
100 : #f6d6ff : +20
L : 明度 ( 92% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -92
2 : #070109 : -90
4 : #0f0212 : -88
6 : #16031c : -86
8 : #1e0425 : -84
10 : #25052e : -82
12 : #2c0637 : -80
14 : #340740 : -78
16 : #3b0849 : -76
18 : #430953 : -74
20 : #4a0a5c : -72
22 : #520b65 : -70
24 : #590c6e : -68
26 : #600d77 : -66
28 : #680e81 : -64
30 : #6f0f8a : -62
32 : #771093 : -60
34 : #7e119c : -58
36 : #8512a5 : -56
38 : #8d13ae : -54
40 : #9414b8 : -52
42 : #9c15c1 : -50
44 : #a316ca : -48
46 : #aa17d3 : -46
48 : #b218dc : -44
50 : #b91ae6 : -42
52 : #bc23e7 : -40
54 : #bf2ce8 : -38
56 : #c235e9 : -36
58 : #c43eea : -34
60 : #c747eb : -32
62 : #ca51ec : -30
64 : #cd5aed : -28
66 : #d063ee : -26
68 : #d26cef : -24
70 : #d575f0 : -22
72 : #d87ef1 : -20
74 : #db88f2 : -18
76 : #de91f3 : -16
78 : #e09af4 : -14
80 : #e3a3f5 : -12
82 : #e6acf6 : -10
84 : #e9b6f7 : -8
86 : #ebbff8 : -6
88 : #eec8f9 : -4
90 : #f1d1fa : -2
92 : #f4dafb : ±0
94 : #f7e3fc : +2
96 : #f9edfd : +4
98 : #fcf6fe : +6
100 : #ffffff : +8
CSS入門、作ってます。
text-shadow