#f8edee
RGB
赤 | 248 |
---|---|
緑 | 237 |
青 | 238 |
HSL
色相 | 355° |
---|---|
彩度 | 44% |
明度 | 95% |
輝度 | 94% |
3桁の色
補色
反転色
RGB ( 赤 = 248, 緑 = 237, 青 = 238 )
HSL ( 色相 = 355°, 彩度 = 44%, 明度 = 95% )
H : 色相 ( 355° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #f8eeed : -350
15 : #f8efed : -340
25 : #f8f1ed : -330
35 : #f8f3ed : -320
45 : #f8f5ed : -310
55 : #f8f7ed : -300
65 : #f7f8ed : -290
75 : #f5f8ed : -280
85 : #f3f8ed : -270
95 : #f1f8ed : -260
105 : #eff8ed : -250
115 : #eef8ed : -240
125 : #edf8ee : -230
135 : #edf8ef : -220
145 : #edf8f1 : -210
155 : #edf8f3 : -200
165 : #edf8f5 : -190
175 : #edf8f7 : -180
185 : #edf7f8 : -170
195 : #edf5f8 : -160
205 : #edf3f8 : -150
215 : #edf1f8 : -140
225 : #edeff8 : -130
235 : #edeef8 : -120
245 : #eeedf8 : -110
255 : #efedf8 : -100
265 : #f1edf8 : -90
275 : #f3edf8 : -80
285 : #f5edf8 : -70
295 : #f7edf8 : -60
305 : #f8edf7 : -50
315 : #f8edf5 : -40
325 : #f8edf3 : -30
335 : #f8edf1 : -20
345 : #f8edef : -10
355 : #f8edee : ±0
345 : #f8edef : -10
346 : #f8edef : -9
347 : #f8edef : -8
348 : #f8edef : -7
349 : #f8edef : -6
350 : #f8edef : -5
351 : #f8edee : -4
352 : #f8edee : -3
353 : #f8edee : -2
354 : #f8edee : -1
355 : #f8edee : ±0
356 : #f8eded : +1
357 : #f8eded : +2
358 : #f8eded : +3
359 : #f8eded : +4
0 : #f8eded : -355
1 : #f8eded : -354
2 : #f8eded : -353
3 : #f8eded : -352
4 : #f8eded : -351
5 : #f8eeed : -350
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #f2f2f2 : -44
2 : #f3f2f2 : -42
4 : #f3f2f2 : -40
6 : #f3f1f2 : -38
8 : #f3f1f1 : -36
10 : #f4f1f1 : -34
12 : #f4f1f1 : -32
14 : #f4f0f1 : -30
16 : #f4f0f1 : -28
18 : #f5f0f0 : -26
20 : #f5f0f0 : -24
22 : #f5eff0 : -22
24 : #f5eff0 : -20
26 : #f6efef : -18
28 : #f6efef : -16
30 : #f6eeef : -14
32 : #f6eeef : -12
34 : #f7eeef : -10
36 : #f7eeee : -8
38 : #f7edee : -6
40 : #f7edee : -4
42 : #f8edee : -2
44 : #f8edee : ±0
46 : #f8eced : +2
48 : #f8eced : +4
50 : #f9eced : +6
52 : #f9eced : +8
54 : #f9ebed : +10
56 : #f9ebec : +12
58 : #faebec : +14
60 : #faebec : +16
62 : #faeaec : +18
64 : #faeaeb : +20
66 : #fbeaeb : +22
68 : #fbeaeb : +24
70 : #fbe9eb : +26
72 : #fbe9eb : +28
74 : #fce9ea : +30
76 : #fce9ea : +32
78 : #fce8ea : +34
80 : #fce8ea : +36
82 : #fde8ea : +38
84 : #fde8e9 : +40
86 : #fde7e9 : +42
88 : #fde7e9 : +44
90 : #fee7e9 : +46
92 : #fee7e8 : +48
94 : #fee6e8 : +50
96 : #fee6e8 : +52
98 : #ffe6e8 : +54
100 : #ffe6e8 : +56
L : 明度 ( 95% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -94
3 : #0b0405 : -92
5 : #120708 : -90
7 : #1a0a0b : -88
9 : #210d0f : -86
11 : #281012 : -84
13 : #301315 : -82
15 : #371518 : -80
17 : #3e181b : -78
19 : #461b1f : -76
21 : #4d1e22 : -74
23 : #542125 : -72
25 : #5c2428 : -70
27 : #63272c : -68
29 : #6a292f : -66
31 : #722c32 : -64
33 : #792f35 : -62
35 : #813239 : -60
37 : #88353c : -58
39 : #8f383f : -56
41 : #973b42 : -54
43 : #9e3d45 : -52
45 : #a54049 : -50
47 : #ad434c : -48
49 : #b4464f : -46
51 : #b94b54 : -44
53 : #bc525b : -42
55 : #bf5a62 : -40
57 : #c26169 : -38
59 : #c46870 : -36
61 : #c77077 : -34
63 : #ca777e : -32
65 : #cd7e85 : -30
67 : #d0868c : -28
69 : #d38d93 : -26
71 : #d6959a : -24
73 : #d89ca1 : -22
75 : #dba3a8 : -20
77 : #deabaf : -18
79 : #e1b2b6 : -16
81 : #e4b9bd : -14
83 : #e7c1c4 : -12
85 : #eac8cb : -10
87 : #eccfd2 : -8
89 : #efd7d9 : -6
91 : #f2dee0 : -4
93 : #f5e5e7 : -2
95 : #f8edee : ±0
97 : #fbf4f5 : +2
99 : #fefbfc : +4
CSS入門、作ってます。
text-shadow