#fbdcdd
RGB
赤 | 251 |
---|---|
緑 | 220 |
青 | 221 |
HSL
色相 | 358° |
---|---|
彩度 | 79% |
明度 | 92% |
輝度 | 90% |
3桁の色
補色
反転色
RGB ( 赤 = 251, 緑 = 220, 青 = 221 )
HSL ( 色相 = 358°, 彩度 = 79%, 明度 = 92% )
H : 色相 ( 358° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #fbdfda : -350
18 : #fbe4da : -340
28 : #fbeada : -330
38 : #fbefda : -320
48 : #fbf4da : -310
58 : #fbfada : -300
68 : #f6fbda : -290
78 : #f1fbda : -280
88 : #ecfbda : -270
98 : #e6fbda : -260
108 : #e1fbda : -250
118 : #dcfbda : -240
128 : #dafbdf : -230
138 : #dafbe4 : -220
148 : #dafbea : -210
158 : #dafbef : -200
168 : #dafbf4 : -190
178 : #dafbfa : -180
188 : #daf6fb : -170
198 : #daf1fb : -160
208 : #daecfb : -150
218 : #dae6fb : -140
228 : #dae1fb : -130
238 : #dadcfb : -120
248 : #dfdafb : -110
258 : #e4dafb : -100
268 : #eadafb : -90
278 : #efdafb : -80
288 : #f4dafb : -70
298 : #fadafb : -60
308 : #fbdaf6 : -50
318 : #fbdaf1 : -40
328 : #fbdaec : -30
338 : #fbdae6 : -20
348 : #fbdae1 : -10
358 : #fbdadc : ±0
348 : #fbdae1 : -10
349 : #fbdae0 : -9
350 : #fbdae0 : -8
351 : #fbdadf : -7
352 : #fbdadf : -6
353 : #fbdade : -5
354 : #fbdade : -4
355 : #fbdadd : -3
356 : #fbdadd : -2
357 : #fbdadc : -1
358 : #fbdadc : ±0
359 : #fbdadb : +1
0 : #fbdada : -358
1 : #fbdbda : -357
2 : #fbdcda : -356
3 : #fbdcda : -355
4 : #fbddda : -354
5 : #fbddda : -353
6 : #fbdeda : -352
7 : #fbdeda : -351
8 : #fbdfda : -350
S : 彩度 ( 79% )
(0%) 渋い ~ 鮮やか (100%)
1 : #ebeaea : -78
3 : #ebeaea : -76
5 : #eceaea : -74
7 : #ece9e9 : -72
9 : #ece9e9 : -70
11 : #ede8e9 : -68
13 : #ede8e8 : -66
15 : #eee8e8 : -64
17 : #eee7e7 : -62
19 : #eee7e7 : -60
21 : #efe6e7 : -58
23 : #efe6e6 : -56
25 : #f0e6e6 : -54
27 : #f0e5e5 : -52
29 : #f1e5e5 : -50
31 : #f1e4e5 : -48
33 : #f1e4e4 : -46
35 : #f2e3e4 : -44
37 : #f2e3e4 : -42
39 : #f3e3e3 : -40
41 : #f3e2e3 : -38
43 : #f3e2e2 : -36
45 : #f4e1e2 : -34
47 : #f4e1e2 : -32
49 : #f5e1e1 : -30
51 : #f5e0e1 : -28
53 : #f5e0e1 : -26
55 : #f6dfe0 : -24
57 : #f6dfe0 : -22
59 : #f7dfdf : -20
61 : #f7dedf : -18
63 : #f7dedf : -16
65 : #f8ddde : -14
67 : #f8ddde : -12
69 : #f9dddd : -10
71 : #f9dcdd : -8
73 : #f9dcdd : -6
75 : #fadbdc : -4
77 : #fadbdc : -2
79 : #fbdadc : ±0
81 : #fbdadb : +2
83 : #fcdadb : +4
85 : #fcd9da : +6
87 : #fcd9da : +8
89 : #fdd8da : +10
91 : #fdd8d9 : +12
93 : #fed8d9 : +14
95 : #fed7d9 : +16
97 : #fed7d8 : +18
99 : #ffd6d8 : +20
L : 明度 ( 92% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -92
2 : #090101 : -90
4 : #120203 : -88
6 : #1b0304 : -86
8 : #250405 : -84
10 : #2e0507 : -82
12 : #370608 : -80
14 : #400709 : -78
16 : #49090b : -76
18 : #520a0c : -74
20 : #5b0b0d : -72
22 : #640c0f : -70
24 : #6e0d10 : -68
26 : #770e11 : -66
28 : #800f13 : -64
30 : #891014 : -62
32 : #921115 : -60
34 : #9b1217 : -58
36 : #a41318 : -56
38 : #ad1419 : -54
40 : #b7151b : -52
42 : #c0161c : -50
44 : #c9181d : -48
46 : #d2191f : -46
48 : #db1a20 : -44
50 : #e41b21 : -42
52 : #e5242a : -40
54 : #e62d33 : -38
56 : #e7363c : -36
58 : #e93f45 : -34
60 : #ea484e : -32
62 : #eb5257 : -30
64 : #ec5b60 : -28
66 : #ed6468 : -26
68 : #ee6d71 : -24
70 : #ef767a : -22
72 : #f07f83 : -20
74 : #f1888c : -18
76 : #f29195 : -16
78 : #f39b9e : -14
80 : #f4a4a6 : -12
82 : #f5adaf : -10
84 : #f6b6b8 : -8
86 : #f8bfc1 : -6
88 : #f9c8ca : -4
90 : #fad1d3 : -2
92 : #fbdadc : ±0
94 : #fce4e4 : +2
96 : #fdeded : +4
98 : #fef6f6 : +6
100 : #ffffff : +8
CSS入門、作ってます。
text-shadow