#f2d4ce
RGB
赤 | 242 |
---|---|
緑 | 212 |
青 | 206 |
HSL
色相 | 10° |
---|---|
彩度 | 58% |
明度 | 88% |
輝度 | 86% |
3桁の色
補色
反転色
RGB ( 赤 = 242, 緑 = 212, 青 = 206 )
HSL ( 色相 = 10°, 彩度 = 58%, 明度 = 88% )
H : 色相 ( 10° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #f2cfcf : -10
10 : #f2d5cf : ±0
20 : #f2dacf : +10
30 : #f2e0cf : +20
40 : #f2e6cf : +30
50 : #f2eccf : +40
60 : #f2f2cf : +50
70 : #ecf2cf : +60
80 : #e6f2cf : +70
90 : #e0f2cf : +80
100 : #daf2cf : +90
110 : #d5f2cf : +100
120 : #cff2cf : +110
130 : #cff2d5 : +120
140 : #cff2da : +130
150 : #cff2e0 : +140
160 : #cff2e6 : +150
170 : #cff2ec : +160
180 : #cff2f2 : +170
190 : #cfecf2 : +180
200 : #cfe6f2 : +190
210 : #cfe0f2 : +200
220 : #cfdaf2 : +210
230 : #cfd5f2 : +220
240 : #cfcff2 : +230
250 : #d5cff2 : +240
260 : #dacff2 : +250
270 : #e0cff2 : +260
280 : #e6cff2 : +270
290 : #eccff2 : +280
300 : #f2cff2 : +290
310 : #f2cfec : +300
320 : #f2cfe6 : +310
330 : #f2cfe0 : +320
340 : #f2cfda : +330
350 : #f2cfd5 : +340
0 : #f2cfcf : -10
1 : #f2cfcf : -9
2 : #f2d0cf : -8
3 : #f2d0cf : -7
4 : #f2d1cf : -6
5 : #f2d2cf : -5
6 : #f2d2cf : -4
7 : #f2d3cf : -3
8 : #f2d3cf : -2
9 : #f2d4cf : -1
10 : #f2d5cf : ±0
11 : #f2d5cf : +1
12 : #f2d6cf : +2
13 : #f2d6cf : +3
14 : #f2d7cf : +4
15 : #f2d8cf : +5
16 : #f2d8cf : +6
17 : #f2d9cf : +7
18 : #f2d9cf : +8
19 : #f2dacf : +9
20 : #f2dacf : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #e0e0e0 : -58
2 : #e1e0e0 : -56
4 : #e2e0df : -54
6 : #e2dfdf : -52
8 : #e3dfde : -50
10 : #e3dedd : -48
12 : #e4dedd : -46
14 : #e5dedc : -44
16 : #e5dddc : -42
18 : #e6dddb : -40
20 : #e7dcda : -38
22 : #e7dcda : -36
24 : #e8dcd9 : -34
26 : #e8dbd8 : -32
28 : #e9dbd8 : -30
30 : #eadad7 : -28
32 : #eadad7 : -26
34 : #ebd9d6 : -24
36 : #ebd9d5 : -22
38 : #ecd9d5 : -20
40 : #edd8d4 : -18
42 : #edd8d4 : -16
44 : #eed7d3 : -14
46 : #eed7d2 : -12
48 : #efd7d2 : -10
50 : #f0d6d1 : -8
52 : #f0d6d0 : -6
54 : #f1d5d0 : -4
56 : #f2d5cf : -2
58 : #f2d5cf : ±0
60 : #f3d4ce : +2
62 : #f3d4cd : +4
64 : #f4d3cd : +6
66 : #f5d3cc : +8
68 : #f5d3cc : +10
70 : #f6d2cb : +12
72 : #f6d2ca : +14
74 : #f7d1ca : +16
76 : #f8d1c9 : +18
78 : #f8d0c9 : +20
80 : #f9d0c8 : +22
82 : #f9d0c7 : +24
84 : #facfc7 : +26
86 : #fbcfc6 : +28
88 : #fbcec5 : +30
90 : #fccec5 : +32
92 : #fdcec4 : +34
94 : #fdcdc4 : +36
96 : #fecdc3 : +38
98 : #feccc2 : +40
100 : #ffccc2 : +42
L : 明度 ( 88% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -88
2 : #080302 : -86
4 : #100604 : -84
6 : #180906 : -82
8 : #200d09 : -80
10 : #28100b : -78
12 : #30130d : -76
14 : #38160f : -74
16 : #401911 : -72
18 : #491c13 : -70
20 : #511f15 : -68
22 : #592218 : -66
24 : #61261a : -64
26 : #69291c : -62
28 : #712c1e : -60
30 : #792f20 : -58
32 : #813222 : -56
34 : #893524 : -54
36 : #913827 : -52
38 : #993b29 : -50
40 : #a13f2b : -48
42 : #a9422d : -46
44 : #b1452f : -44
46 : #b94831 : -42
48 : #c14b33 : -40
50 : #c94e36 : -38
52 : #cc553e : -36
54 : #ce5c46 : -34
56 : #d0634e : -32
58 : #d26a56 : -30
60 : #d4725e : -28
62 : #d67966 : -26
64 : #d8806e : -24
66 : #db8776 : -22
68 : #dd8e7e : -20
70 : #df9586 : -18
72 : #e19c8e : -16
74 : #e3a396 : -14
76 : #e5aa9e : -12
78 : #e7b1a6 : -10
80 : #eab8ae : -8
82 : #ecbfb6 : -6
84 : #eec6bf : -4
86 : #f0cdc7 : -2
88 : #f2d5cf : ±0
90 : #f4dcd7 : +2
92 : #f6e3df : +4
94 : #f9eae7 : +6
96 : #fbf1ef : +8
98 : #fdf8f7 : +10
100 : #ffffff : +12
CSS入門、作ってます。
text-shadow