#e29ced
RGB
| 赤 | 226 |
|---|---|
| 緑 | 156 |
| 青 | 237 |
HSL
| 色相 | 292° |
|---|---|
| 彩度 | 69% |
| 明度 | 77% |
| 輝度 | 73% |
３桁の色
補色
反転色
RGB ( 赤 = 226, 緑 = 156, 青 = 237 )
HSL ( 色相 = 292°, 彩度 = 69%, 明度 = 77% )
H : 色相 ( 292° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #ed9f9c : -290
12 : #edac9c : -280
22 : #edba9c : -270
32 : #edc79c : -260
42 : #edd59c : -250
52 : #ede29c : -240
62 : #eaed9c : -230
72 : #dded9c : -220
82 : #cfed9c : -210
92 : #c2ed9c : -200
102 : #b4ed9c : -190
112 : #a7ed9c : -180
122 : #9ced9f : -170
132 : #9cedac : -160
142 : #9cedba : -150
152 : #9cedc7 : -140
162 : #9cedd5 : -130
172 : #9cede2 : -120
182 : #9ceaed : -110
192 : #9cdded : -100
202 : #9ccfed : -90
212 : #9cc2ed : -80
222 : #9cb4ed : -70
232 : #9ca7ed : -60
242 : #9f9ced : -50
252 : #ac9ced : -40
262 : #ba9ced : -30
272 : #c79ced : -20
282 : #d59ced : -10
292 : #e29ced : ±0
302 : #ed9cea : +10
312 : #ed9cdd : +20
322 : #ed9ccf : +30
332 : #ed9cc2 : +40
342 : #ed9cb4 : +50
352 : #ed9ca7 : +60
282 : #d59ced : -10
283 : #d69ced : -9
284 : #d79ced : -8
285 : #d99ced : -7
286 : #da9ced : -6
287 : #db9ced : -5
288 : #dd9ced : -4
289 : #de9ced : -3
290 : #df9ced : -2
291 : #e19ced : -1
292 : #e29ced : ±0
293 : #e39ced : +1
294 : #e59ced : +2
295 : #e69ced : +3
296 : #e79ced : +4
297 : #e99ced : +5
298 : #ea9ced : +6
299 : #eb9ced : +7
300 : #ed9ced : +8
301 : #ed9ceb : +9
302 : #ed9cea : +10
S : 彩度 ( 69% )
(0%) 渋い ～ 鮮やか (100%)
1 : #c5c4c5 : -68
3 : #c6c3c6 : -66
5 : #c7c1c7 : -64
7 : #c7c0c8 : -62
9 : #c8bfca : -60
11 : #c9becb : -58
13 : #cabdcc : -56
15 : #cbbccd : -54
17 : #ccbace : -52
19 : #cdb9cf : -50
21 : #cdb8d1 : -48
23 : #ceb7d2 : -46
25 : #cfb6d3 : -44
27 : #d0b5d4 : -42
29 : #d1b3d5 : -40
31 : #d2b2d7 : -38
33 : #d3b1d8 : -36
35 : #d3b0d9 : -34
37 : #d4afda : -32
39 : #d5addb : -30
41 : #d6acdc : -28
43 : #d7abde : -26
45 : #d8aadf : -24
47 : #d9a9e0 : -22
49 : #d9a8e1 : -20
51 : #daa6e2 : -18
53 : #dba5e3 : -16
55 : #dca4e5 : -14
57 : #dda3e6 : -12
59 : #dea2e7 : -10
61 : #dfa1e8 : -8
63 : #df9fe9 : -6
65 : #e09eea : -4
67 : #e19dec : -2
69 : #e29ced : ±0
71 : #e39bee : +2
73 : #e49aef : +4
75 : #e598f0 : +6
77 : #e597f2 : +8
79 : #e696f3 : +10
81 : #e795f4 : +12
83 : #e894f5 : +14
85 : #e992f6 : +16
87 : #ea91f7 : +18
89 : #eb90f9 : +20
91 : #eb8ffa : +22
93 : #ec8efb : +24
95 : #ed8dfc : +26
97 : #ee8bfd : +28
99 : #ef8afe : +30
L : 明度 ( 77% )
(0%) 暗い ～ 明るい (100%)
1 : #040104 : -76
3 : #0c020d : -74
5 : #130416 : -72
7 : #1b061e : -70
9 : #230727 : -68
11 : #2a092f : -66
13 : #320a38 : -64
15 : #3a0c41 : -62
17 : #410d49 : -60
19 : #490f52 : -58
21 : #51115a : -56
23 : #581263 : -54
25 : #60146c : -52
27 : #681574 : -50
29 : #6f177d : -48
31 : #771986 : -46
33 : #7f1a8e : -44
35 : #861c97 : -42
37 : #8e1d9f : -40
39 : #961fa8 : -38
41 : #9d20b1 : -36
43 : #a522b9 : -34
45 : #ad24c2 : -32
47 : #b425cb : -30
49 : #bc27d3 : -28
51 : #c12cd8 : -26
53 : #c434da : -24
55 : #c63ddb : -22
57 : #c946dd : -20
59 : #cb4edf : -18
61 : #ce57e0 : -16
63 : #d060e2 : -14
65 : #d368e3 : -12
67 : #d571e5 : -10
69 : #d879e6 : -8
71 : #da82e8 : -6
73 : #dd8bea : -4
75 : #e093eb : -2
77 : #e29ced : ±0
79 : #e5a5ee : +2
81 : #e7adf0 : +4
83 : #eab6f2 : +6
85 : #ecbef3 : +8
87 : #efc7f5 : +10
89 : #f1d0f6 : +12
91 : #f4d8f8 : +14
93 : #f6e1f9 : +16
95 : #f9e9fb : +18
97 : #fbf2fd : +20
99 : #fefbfe : +22
CSS入門、作ってます。
text-shadow