#ed6cfe
RGB
| 赤 | 237 |
|---|---|
| 緑 | 108 |
| 青 | 254 |
HSL
| 色相 | 293° |
|---|---|
| 彩度 | 99% |
| 明度 | 71% |
| 輝度 | 64% |
３桁の色
補色
反転色
RGB ( 赤 = 237, 緑 = 108, 青 = 254 )
HSL ( 色相 = 293°, 彩度 = 99%, 明度 = 71% )
H : 色相 ( 293° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #fe736c : -290
13 : #fe8c6c : -280
23 : #fea46c : -270
33 : #febc6c : -260
43 : #fed56c : -250
53 : #feed6c : -240
63 : #f7fe6c : -230
73 : #dffe6c : -220
83 : #c6fe6c : -210
93 : #aefe6c : -200
103 : #95fe6c : -190
113 : #7dfe6c : -180
123 : #6cfe73 : -170
133 : #6cfe8c : -160
143 : #6cfea4 : -150
153 : #6cfebc : -140
163 : #6cfed5 : -130
173 : #6cfeed : -120
183 : #6cf7fe : -110
193 : #6cdffe : -100
203 : #6cc6fe : -90
213 : #6caefe : -80
223 : #6c95fe : -70
233 : #6c7dfe : -60
243 : #736cfe : -50
253 : #8c6cfe : -40
263 : #a46cfe : -30
273 : #bc6cfe : -20
283 : #d56cfe : -10
293 : #ed6cfe : ±0
303 : #fe6cf7 : +10
313 : #fe6cdf : +20
323 : #fe6cc6 : +30
333 : #fe6cae : +40
343 : #fe6c95 : +50
353 : #fe6c7d : +60
283 : #d56cfe : -10
284 : #d76cfe : -9
285 : #da6cfe : -8
286 : #dc6cfe : -7
287 : #df6cfe : -6
288 : #e16cfe : -5
289 : #e36cfe : -4
290 : #e66cfe : -3
291 : #e86cfe : -2
292 : #eb6cfe : -1
293 : #ed6cfe : ±0
294 : #f06cfe : +1
295 : #f26cfe : +2
296 : #f46cfe : +3
297 : #f76cfe : +4
298 : #f96cfe : +5
299 : #fc6cfe : +6
300 : #fe6cfe : +7
301 : #fe6cfc : +8
302 : #fe6cf9 : +9
303 : #fe6cf7 : +10
S : 彩度 ( 99% )
(0%) 渋い ～ 鮮やか (100%)
1 : #b6b4b6 : -98
3 : #b7b3b7 : -96
5 : #b8b1b9 : -94
7 : #b9b0ba : -92
9 : #baaebc : -90
11 : #bbadbd : -88
13 : #bcabbf : -86
15 : #beaac0 : -84
17 : #bfa8c2 : -82
19 : #c0a7c3 : -80
21 : #c1a6c5 : -78
23 : #c2a4c6 : -76
25 : #c3a3c8 : -74
27 : #c4a1c9 : -72
29 : #c5a0ca : -70
31 : #c79ecc : -68
33 : #c89dcd : -66
35 : #c99bcf : -64
37 : #ca9ad0 : -62
39 : #cb98d2 : -60
41 : #cc97d3 : -58
43 : #cd95d5 : -56
45 : #cf94d6 : -54
47 : #d092d8 : -52
49 : #d191d9 : -50
51 : #d28fdb : -48
53 : #d38edc : -46
55 : #d48cde : -44
57 : #d58bdf : -42
59 : #d789e1 : -40
61 : #d888e2 : -38
63 : #d986e4 : -36
65 : #da85e5 : -34
67 : #db84e7 : -32
69 : #dc82e8 : -30
71 : #dd81ea : -28
73 : #de7feb : -26
75 : #e07eed : -24
77 : #e17cee : -22
79 : #e27bef : -20
81 : #e379f1 : -18
83 : #e478f2 : -16
85 : #e576f4 : -14
87 : #e675f5 : -12
89 : #e873f7 : -10
91 : #e972f8 : -8
93 : #ea70fa : -6
95 : #eb6ffb : -4
97 : #ec6dfd : -2
99 : #ed6cfe : ±0
L : 明度 ( 71% )
(0%) 暗い ～ 明るい (100%)
1 : #040005 : -70
3 : #0d000f : -68
5 : #160019 : -66
7 : #1f0024 : -64
9 : #28002e : -62
11 : #310038 : -60
13 : #3a0042 : -58
15 : #43004c : -56
17 : #4c0056 : -54
19 : #550060 : -52
21 : #5e016b : -50
23 : #670175 : -48
25 : #70017f : -46
27 : #790189 : -44
29 : #820193 : -42
31 : #8b019d : -40
33 : #9401a7 : -38
35 : #9d01b2 : -36
37 : #a601bc : -34
39 : #af01c6 : -32
41 : #b801d0 : -30
43 : #c101da : -28
45 : #ca01e4 : -26
47 : #d301ef : -24
49 : #dc01f9 : -22
51 : #e106fe : -20
53 : #e210fe : -18
55 : #e31bfe : -16
57 : #e525fe : -14
59 : #e62ffe : -12
61 : #e739fe : -10
63 : #e843fe : -8
65 : #e94dfe : -6
67 : #eb58fe : -4
69 : #ec62fe : -2
71 : #ed6cfe : ±0
73 : #ee76fe : +2
75 : #f080fe : +4
77 : #f18afe : +6
79 : #f294fe : +8
81 : #f39fff : +10
83 : #f5a9ff : +12
85 : #f6b3ff : +14
87 : #f7bdff : +16
89 : #f8c7ff : +18
91 : #f9d1ff : +20
93 : #fbdbff : +22
95 : #fce6ff : +24
97 : #fdf0ff : +26
99 : #fefaff : +28
CSS入門、作ってます。
text-shadow