#e9e0fb
RGB
| 赤 | 233 |
|---|---|
| 緑 | 224 |
| 青 | 251 |
HSL
| 色相 | 260° |
|---|---|
| 彩度 | 77% |
| 明度 | 93% |
| 輝度 | 90% |
３桁の色
補色
反転色
RGB ( 赤 = 233, 緑 = 224, 青 = 251 )
HSL ( 色相 = 260°, 彩度 = 77%, 明度 = 93% )
H : 色相 ( 260° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #fbdfdf : -260
10 : #fbe4df : -250
20 : #fbe9df : -240
30 : #fbeddf : -230
40 : #fbf2df : -220
50 : #fbf6df : -210
60 : #fbfbdf : -200
70 : #f6fbdf : -190
80 : #f2fbdf : -180
90 : #edfbdf : -170
100 : #e9fbdf : -160
110 : #e4fbdf : -150
120 : #dffbdf : -140
130 : #dffbe4 : -130
140 : #dffbe9 : -120
150 : #dffbed : -110
160 : #dffbf2 : -100
170 : #dffbf6 : -90
180 : #dffbfb : -80
190 : #dff6fb : -70
200 : #dff2fb : -60
210 : #dfedfb : -50
220 : #dfe9fb : -40
230 : #dfe4fb : -30
240 : #dfdffb : -20
250 : #e4dffb : -10
260 : #e9dffb : ±0
270 : #eddffb : +10
280 : #f2dffb : +20
290 : #f6dffb : +30
300 : #fbdffb : +40
310 : #fbdff6 : +50
320 : #fbdff2 : +60
330 : #fbdfed : +70
340 : #fbdfe9 : +80
350 : #fbdfe4 : +90
250 : #e4dffb : -10
251 : #e4dffb : -9
252 : #e5dffb : -8
253 : #e5dffb : -7
254 : #e6dffb : -6
255 : #e6dffb : -5
256 : #e7dffb : -4
257 : #e7dffb : -3
258 : #e8dffb : -2
259 : #e8dffb : -1
260 : #e9dffb : ±0
261 : #e9dffb : +1
262 : #e9dffb : +2
263 : #eadffb : +3
264 : #eadffb : +4
265 : #ebdffb : +5
266 : #ebdffb : +6
267 : #ecdffb : +7
268 : #ecdffb : +8
269 : #eddffb : +9
270 : #eddffb : +10
S : 彩度 ( 77% )
(0%) 渋い ～ 鮮やか (100%)
1 : #ededed : -76
3 : #ededee : -74
5 : #edecee : -72
7 : #edecee : -70
9 : #edecef : -68
11 : #ecebef : -66
13 : #ecebef : -64
15 : #eceaf0 : -62
17 : #eceaf0 : -60
19 : #eceaf1 : -58
21 : #ece9f1 : -56
23 : #ece9f1 : -54
25 : #ece9f2 : -52
27 : #ece8f2 : -50
29 : #ebe8f2 : -48
31 : #ebe8f3 : -46
33 : #ebe7f3 : -44
35 : #ebe7f3 : -42
37 : #ebe7f4 : -40
39 : #ebe6f4 : -38
41 : #ebe6f4 : -36
43 : #ebe5f5 : -34
45 : #eae5f5 : -32
47 : #eae5f6 : -30
49 : #eae4f6 : -28
51 : #eae4f6 : -26
53 : #eae4f7 : -24
55 : #eae3f7 : -22
57 : #eae3f7 : -20
59 : #eae3f8 : -18
61 : #eae2f8 : -16
63 : #e9e2f8 : -14
65 : #e9e2f9 : -12
67 : #e9e1f9 : -10
69 : #e9e1f9 : -8
71 : #e9e0fa : -6
73 : #e9e0fa : -4
75 : #e9e0fb : -2
77 : #e9dffb : ±0
79 : #e8dffb : +2
81 : #e8dffc : +4
83 : #e8defc : +6
85 : #e8defc : +8
87 : #e8defd : +10
89 : #e8ddfd : +12
91 : #e8ddfd : +14
93 : #e8ddfe : +16
95 : #e7dcfe : +18
97 : #e7dcfe : +20
99 : #e7dbff : +22
L : 明度 ( 93% )
(0%) 暗い ～ 明るい (100%)
1 : #020105 : -92
3 : #06020e : -90
5 : #090317 : -88
7 : #0d0420 : -86
9 : #110529 : -84
11 : #150632 : -82
13 : #19083b : -80
15 : #1c0944 : -78
17 : #200a4d : -76
19 : #240b56 : -74
21 : #280c5f : -72
23 : #2c0d68 : -70
25 : #2f0f71 : -68
27 : #33107a : -66
29 : #371183 : -64
31 : #3b128c : -62
33 : #3f1395 : -60
35 : #42159e : -58
37 : #4616a7 : -56
39 : #4a17b0 : -54
41 : #4e18b9 : -52
43 : #5219c2 : -50
45 : #551acb : -48
47 : #591cd4 : -46
49 : #5d1ddd : -44
51 : #6222e2 : -42
53 : #682be3 : -40
55 : #6f34e5 : -38
57 : #753de6 : -36
59 : #7c46e7 : -34
61 : #824fe8 : -32
63 : #8858e9 : -30
65 : #8f61ea : -28
67 : #956aec : -26
69 : #9c73ed : -24
71 : #a27cee : -22
73 : #a885ef : -20
75 : #af8ef0 : -18
77 : #b597f2 : -16
79 : #bca0f3 : -14
81 : #c2a9f4 : -12
83 : #c9b2f5 : -10
85 : #cfbbf6 : -8
87 : #d5c4f7 : -6
89 : #dccdf9 : -4
91 : #e2d6fa : -2
93 : #e9dffb : ±0
95 : #efe8fc : +2
97 : #f5f1fd : +4
99 : #fcfafe : +6
CSS入門、作ってます。
text-shadow