#ebbbed
RGB
| 赤 | 235 |
|---|---|
| 緑 | 187 |
| 青 | 237 |
HSL
| 色相 | 298° |
|---|---|
| 彩度 | 58% |
| 明度 | 83% |
| 輝度 | 81% |
３桁の色
補色
反転色
RGB ( 赤 = 235, 緑 = 187, 青 = 237 )
HSL ( 色相 = 298°, 彩度 = 58%, 明度 = 83% )
H : 色相 ( 298° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #edc1bb : -290
18 : #edcabb : -280
28 : #edd2bb : -270
38 : #eddabb : -260
48 : #ede3bb : -250
58 : #edebbb : -240
68 : #e6edbb : -230
78 : #deedbb : -220
88 : #d5edbb : -210
98 : #cdedbb : -200
108 : #c5edbb : -190
118 : #bcedbb : -180
128 : #bbedc1 : -170
138 : #bbedca : -160
148 : #bbedd2 : -150
158 : #bbedda : -140
168 : #bbede3 : -130
178 : #bbedeb : -120
188 : #bbe6ed : -110
198 : #bbdeed : -100
208 : #bbd5ed : -90
218 : #bbcded : -80
228 : #bbc5ed : -70
238 : #bbbced : -60
248 : #c1bbed : -50
258 : #cabbed : -40
268 : #d2bbed : -30
278 : #dabbed : -20
288 : #e3bbed : -10
298 : #ebbbed : ±0
308 : #edbbe6 : +10
318 : #edbbde : +20
328 : #edbbd5 : +30
338 : #edbbcd : +40
348 : #edbbc5 : +50
358 : #edbbbc : +60
288 : #e3bbed : -10
289 : #e4bbed : -9
290 : #e4bbed : -8
291 : #e5bbed : -7
292 : #e6bbed : -6
293 : #e7bbed : -5
294 : #e8bbed : -4
295 : #e9bbed : -3
296 : #e9bbed : -2
297 : #eabbed : -1
298 : #ebbbed : ±0
299 : #ecbbed : +1
300 : #edbbed : +2
301 : #edbbec : +3
302 : #edbbeb : +4
303 : #edbbea : +5
304 : #edbbe9 : +6
305 : #edbbe9 : +7
306 : #edbbe8 : +8
307 : #edbbe7 : +9
308 : #edbbe6 : +10
S : 彩度 ( 58% )
(0%) 渋い ～ 鮮やか (100%)
0 : #d3d3d3 : -58
2 : #d4d3d5 : -56
4 : #d5d2d5 : -54
6 : #d6d1d6 : -52
8 : #d7d0d7 : -50
10 : #d8cfd8 : -48
12 : #d9ced9 : -46
14 : #d9ceda : -44
16 : #dacddb : -42
18 : #dbccdb : -40
20 : #dccbdc : -38
22 : #ddcadd : -36
24 : #ddc9de : -34
26 : #dec8df : -32
28 : #dfc8e0 : -30
30 : #e0c7e1 : -28
32 : #e1c6e2 : -26
34 : #e1c5e2 : -24
36 : #e2c4e3 : -22
38 : #e3c3e4 : -20
40 : #e4c2e5 : -18
42 : #e5c1e6 : -16
44 : #e5c1e7 : -14
46 : #e6c0e8 : -12
48 : #e7bfe8 : -10
50 : #e8bee9 : -8
52 : #e9bdea : -6
54 : #e9bceb : -4
56 : #eabbec : -2
58 : #ebbbed : ±0
60 : #ecbaee : +2
62 : #edb9ef : +4
64 : #eeb8ef : +6
66 : #eeb7f0 : +8
68 : #efb6f1 : +10
70 : #f0b5f2 : +12
72 : #f1b4f3 : +14
74 : #f2b4f4 : +16
76 : #f2b3f5 : +18
78 : #f3b2f5 : +20
80 : #f4b1f6 : +22
82 : #f5b0f7 : +24
84 : #f6aff8 : +26
86 : #f6aef9 : +28
88 : #f7aefa : +30
90 : #f8adfb : +32
92 : #f9acfc : +34
94 : #faabfc : +36
96 : #faaafd : +38
98 : #fba9fe : +40
100 : #fca8ff : +42
L : 明度 ( 83% )
(0%) 暗い ～ 明るい (100%)
1 : #040104 : -82
3 : #0c030c : -80
5 : #140514 : -78
7 : #1c071c : -76
9 : #230a24 : -74
11 : #2b0c2c : -72
13 : #330e34 : -70
15 : #3b103c : -68
17 : #431244 : -66
19 : #4b144d : -64
21 : #531655 : -62
23 : #5a195d : -60
25 : #621b65 : -58
27 : #6a1d6d : -56
29 : #721f75 : -54
31 : #7a217d : -52
33 : #822385 : -50
35 : #8a258d : -48
37 : #912895 : -46
39 : #992a9d : -44
41 : #a12ca5 : -42
43 : #a92ead : -40
45 : #b130b5 : -38
47 : #b932bd : -36
49 : #c134c5 : -34
51 : #c63acb : -32
53 : #c842cd : -30
55 : #ca4acf : -28
57 : #cd52d1 : -26
59 : #cf5ad3 : -24
61 : #d162d5 : -22
63 : #d46ad7 : -20
65 : #d672da : -18
67 : #d87adc : -16
69 : #db82de : -14
71 : #dd8ae0 : -12
73 : #df92e2 : -10
75 : #e29ae4 : -8
77 : #e4a2e6 : -6
79 : #e6aae9 : -4
81 : #e9b2eb : -2
83 : #ebbbed : ±0
85 : #edc3ef : +2
87 : #f0cbf1 : +4
89 : #f2d3f3 : +6
91 : #f4dbf5 : +8
93 : #f7e3f8 : +10
95 : #f9ebfa : +12
97 : #fbf3fc : +14
99 : #fefbfe : +16
CSS入門、作ってます。
text-shadow