#fcbeba
RGB
赤 | 252 |
---|---|
緑 | 190 |
青 | 186 |
HSL
色相 | 4° |
---|---|
彩度 | 92% |
明度 | 86% |
輝度 | 82% |
3桁の色
補色
反転色
RGB ( 赤 = 252, 緑 = 190, 青 = 186 )
HSL ( 色相 = 4°, 彩度 = 92%, 明度 = 86% )
H : 色相 ( 4° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #fcbfba : ±0
14 : #fccaba : +10
24 : #fcd5ba : +20
34 : #fce0ba : +30
44 : #fcebba : +40
54 : #fcf6ba : +50
64 : #f8fcba : +60
74 : #edfcba : +70
84 : #e2fcba : +80
94 : #d7fcba : +90
104 : #ccfcba : +100
114 : #c1fcba : +110
124 : #bafcbf : +120
134 : #bafcca : +130
144 : #bafcd5 : +140
154 : #bafce0 : +150
164 : #bafceb : +160
174 : #bafcf6 : +170
184 : #baf8fc : +180
194 : #baedfc : +190
204 : #bae2fc : +200
214 : #bad7fc : +210
224 : #baccfc : +220
234 : #bac1fc : +230
244 : #bfbafc : +240
254 : #cabafc : +250
264 : #d5bafc : +260
274 : #e0bafc : +270
284 : #ebbafc : +280
294 : #f6bafc : +290
304 : #fcbaf8 : +300
314 : #fcbaed : +310
324 : #fcbae2 : +320
334 : #fcbad7 : +330
344 : #fcbacc : +340
354 : #fcbac1 : +350
354 : #fcbac1 : +350
355 : #fcbac0 : +351
356 : #fcbabf : +352
357 : #fcbabe : +353
358 : #fcbabd : +354
359 : #fcbabc : +355
0 : #fcbaba : -4
1 : #fcbcba : -3
2 : #fcbdba : -2
3 : #fcbeba : -1
4 : #fcbfba : ±0
5 : #fcc0ba : +1
6 : #fcc1ba : +2
7 : #fcc2ba : +3
8 : #fcc3ba : +4
9 : #fcc4ba : +5
10 : #fcc5ba : +6
11 : #fcc6ba : +7
12 : #fcc8ba : +8
13 : #fcc9ba : +9
14 : #fccaba : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #dbdbdb : -92
2 : #dcdbdb : -90
4 : #dddada : -88
6 : #ddd9d9 : -86
8 : #ded9d8 : -84
10 : #dfd8d8 : -82
12 : #e0d8d7 : -80
14 : #e0d7d6 : -78
16 : #e1d6d6 : -76
18 : #e2d6d5 : -74
20 : #e2d5d4 : -72
22 : #e3d4d3 : -70
24 : #e4d4d3 : -68
26 : #e5d3d2 : -66
28 : #e5d3d1 : -64
30 : #e6d2d1 : -62
32 : #e7d1d0 : -60
34 : #e7d1cf : -58
36 : #e8d0ce : -56
38 : #e9d0ce : -54
40 : #eacfcd : -52
42 : #eacecc : -50
44 : #ebcecc : -48
46 : #eccdcb : -46
48 : #ecccca : -44
50 : #edccc9 : -42
52 : #eecbc9 : -40
54 : #efcbc8 : -38
56 : #efcac7 : -36
58 : #f0c9c7 : -34
60 : #f1c9c6 : -32
62 : #f1c8c5 : -30
64 : #f2c7c4 : -28
66 : #f3c7c4 : -26
68 : #f4c6c3 : -24
70 : #f4c6c2 : -22
72 : #f5c5c2 : -20
74 : #f6c4c1 : -18
76 : #f6c4c0 : -16
78 : #f7c3bf : -14
80 : #f8c3bf : -12
82 : #f9c2be : -10
84 : #f9c1bd : -8
86 : #fac1bd : -6
88 : #fbc0bc : -4
90 : #fbbfbb : -2
92 : #fcbfba : ±0
94 : #fdbeba : +2
96 : #febeb9 : +4
98 : #febdb8 : +6
100 : #ffbcb8 : +8
L : 明度 ( 86% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -86
2 : #0a0100 : -84
4 : #140201 : -82
6 : #1d0301 : -80
8 : #270402 : -78
10 : #310502 : -76
12 : #3b0602 : -74
14 : #450703 : -72
16 : #4e0803 : -70
18 : #580904 : -68
20 : #620a04 : -66
22 : #6c0b04 : -64
24 : #760c05 : -62
26 : #7f0d05 : -60
28 : #890e06 : -58
30 : #931006 : -56
32 : #9d1107 : -54
34 : #a61207 : -52
36 : #b01307 : -50
38 : #ba1408 : -48
40 : #c41508 : -46
42 : #ce1609 : -44
44 : #d71709 : -42
46 : #e11809 : -40
48 : #eb190a : -38
50 : #f51a0a : -36
52 : #f52314 : -34
54 : #f62c1e : -32
56 : #f63528 : -30
58 : #f63f31 : -28
60 : #f7483b : -26
62 : #f75145 : -24
64 : #f85a4f : -22
66 : #f86359 : -20
68 : #f86c62 : -18
70 : #f9766c : -16
72 : #f97f76 : -14
74 : #fa8880 : -12
76 : #fa9189 : -10
78 : #fb9a93 : -8
80 : #fba39d : -6
82 : #fbada7 : -4
84 : #fcb6b1 : -2
86 : #fcbfba : ±0
88 : #fdc8c4 : +2
90 : #fdd1ce : +4
92 : #fddad8 : +6
94 : #fee4e2 : +8
96 : #feedeb : +10
98 : #fff6f5 : +12
100 : #ffffff : +14
CSS入門、作ってます。
text-shadow