#ede9ec
RGB
赤 | 237 |
---|---|
緑 | 233 |
青 | 236 |
HSL
色相 | 315° |
---|---|
彩度 | 10% |
明度 | 92% |
輝度 | 92% |
3桁の色
補色
反転色
RGB ( 赤 = 237, 緑 = 233, 青 = 236 )
HSL ( 色相 = 315°, 彩度 = 10%, 明度 = 92% )
H : 色相 ( 315° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #ede9e9 : -310
15 : #edeae9 : -300
25 : #edeae9 : -290
35 : #edebe9 : -280
45 : #edece9 : -270
55 : #edece9 : -260
65 : #ecede9 : -250
75 : #ecede9 : -240
85 : #ebede9 : -230
95 : #eaede9 : -220
105 : #eaede9 : -210
115 : #e9ede9 : -200
125 : #e9ede9 : -190
135 : #e9edea : -180
145 : #e9edea : -170
155 : #e9edeb : -160
165 : #e9edec : -150
175 : #e9edec : -140
185 : #e9eced : -130
195 : #e9eced : -120
205 : #e9ebed : -110
215 : #e9eaed : -100
225 : #e9eaed : -90
235 : #e9e9ed : -80
245 : #e9e9ed : -70
255 : #eae9ed : -60
265 : #eae9ed : -50
275 : #ebe9ed : -40
285 : #ece9ed : -30
295 : #ece9ed : -20
305 : #ede9ec : -10
315 : #ede9ec : ±0
325 : #ede9eb : +10
335 : #ede9ea : +20
345 : #ede9ea : +30
355 : #ede9e9 : +40
305 : #ede9ec : -10
306 : #ede9ec : -9
307 : #ede9ec : -8
308 : #ede9ec : -7
309 : #ede9ec : -6
310 : #ede9ec : -5
311 : #ede9ec : -4
312 : #ede9ec : -3
313 : #ede9ec : -2
314 : #ede9ec : -1
315 : #ede9ec : ±0
316 : #ede9ec : +1
317 : #ede9eb : +2
318 : #ede9eb : +3
319 : #ede9eb : +4
320 : #ede9eb : +5
321 : #ede9eb : +6
322 : #ede9eb : +7
323 : #ede9eb : +8
324 : #ede9eb : +9
325 : #ede9eb : +10
S : 彩度 ( 10% )
(0%) 渋い ~ 鮮やか (100%)
0 : #eaeaea : -10
2 : #ebeaeb : -8
4 : #ebeaeb : -6
6 : #ece9eb : -4
8 : #ece9eb : -2
10 : #ede9ec : ±0
12 : #ede8ec : +2
14 : #ede8ec : +4
16 : #eee7ec : +6
18 : #eee7ec : +8
20 : #efe7ed : +10
22 : #efe6ed : +12
24 : #efe6ed : +14
26 : #f0e5ed : +16
28 : #f0e5ed : +18
30 : #f1e4ee : +20
32 : #f1e4ee : +22
34 : #f2e4ee : +24
36 : #f2e3ee : +26
38 : #f2e3ee : +28
40 : #f3e2ef : +30
42 : #f3e2ef : +32
44 : #f4e2ef : +34
46 : #f4e1ef : +36
48 : #f4e1ef : +38
50 : #f5e0f0 : +40
52 : #f5e0f0 : +42
54 : #f6e0f0 : +44
56 : #f6dff0 : +46
58 : #f6dff1 : +48
60 : #f7def1 : +50
62 : #f7def1 : +52
64 : #f8def1 : +54
66 : #f8ddf1 : +56
68 : #f8ddf2 : +58
70 : #f9dcf2 : +60
72 : #f9dcf2 : +62
74 : #fadcf2 : +64
76 : #fadbf2 : +66
78 : #fbdbf3 : +68
80 : #fbdaf3 : +70
82 : #fbdaf3 : +72
84 : #fcd9f3 : +74
86 : #fcd9f3 : +76
88 : #fdd9f4 : +78
90 : #fdd8f4 : +80
92 : #fdd8f4 : +82
94 : #fed7f4 : +84
96 : #fed7f4 : +86
98 : #ffd7f5 : +88
100 : #ffd6f5 : +90
L : 明度 ( 92% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -92
2 : #060505 : -90
4 : #0b090b : -88
6 : #110e10 : -86
8 : #161215 : -84
10 : #1c171b : -82
12 : #221c20 : -80
14 : #272025 : -78
16 : #2d252b : -76
18 : #322930 : -74
20 : #382e36 : -72
22 : #3e323b : -70
24 : #433740 : -68
26 : #493c46 : -66
28 : #4f404b : -64
30 : #544550 : -62
32 : #5a4956 : -60
34 : #5f4e5b : -58
36 : #655360 : -56
38 : #6b5766 : -54
40 : #705c6b : -52
42 : #766070 : -50
44 : #7b6576 : -48
46 : #816a7b : -46
48 : #876e81 : -44
50 : #8c7386 : -42
52 : #91788b : -40
54 : #957e90 : -38
56 : #9a8494 : -36
58 : #9f8999 : -34
60 : #a38f9e : -32
62 : #a894a3 : -30
64 : #ac9aa8 : -28
66 : #b1a0ad : -26
68 : #b6a5b1 : -24
70 : #baabb6 : -22
72 : #bfb0bb : -20
74 : #c3b6c0 : -18
76 : #c8bcc5 : -16
78 : #cdc1ca : -14
80 : #d1c7cf : -12
82 : #d6cdd3 : -10
84 : #dad2d8 : -8
86 : #dfd8dd : -6
88 : #e3dde2 : -4
90 : #e8e3e7 : -2
92 : #ede9ec : ±0
94 : #f1eef0 : +2
96 : #f6f4f5 : +4
98 : #faf9fa : +6
100 : #ffffff : +8
CSS入門、作ってます。
text-shadow