#e170f5
RGB
| 赤 | 225 |
|---|---|
| 緑 | 112 |
| 青 | 245 |
HSL
| 色相 | 291° |
|---|---|
| 彩度 | 87% |
| 明度 | 70% |
| 輝度 | 63% |
３桁の色
補色
反転色
RGB ( 赤 = 225, 緑 = 112, 青 = 245 )
HSL ( 色相 = 291°, 彩度 = 87%, 明度 = 70% )
H : 色相 ( 291° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #f57270 : -290
11 : #f58870 : -280
21 : #f59f70 : -270
31 : #f5b570 : -260
41 : #f5cb70 : -250
51 : #f5e170 : -240
61 : #f3f570 : -230
71 : #ddf570 : -220
81 : #c6f570 : -210
91 : #b0f570 : -200
101 : #9af570 : -190
111 : #84f570 : -180
121 : #70f572 : -170
131 : #70f588 : -160
141 : #70f59f : -150
151 : #70f5b5 : -140
161 : #70f5cb : -130
171 : #70f5e1 : -120
181 : #70f3f5 : -110
191 : #70ddf5 : -100
201 : #70c6f5 : -90
211 : #70b0f5 : -80
221 : #709af5 : -70
231 : #7084f5 : -60
241 : #7270f5 : -50
251 : #8870f5 : -40
261 : #9f70f5 : -30
271 : #b570f5 : -20
281 : #cb70f5 : -10
291 : #e170f5 : ±0
301 : #f570f3 : +10
311 : #f570dd : +20
321 : #f570c6 : +30
331 : #f570b0 : +40
341 : #f5709a : +50
351 : #f57084 : +60
281 : #cb70f5 : -10
282 : #cd70f5 : -9
283 : #cf70f5 : -8
284 : #d270f5 : -7
285 : #d470f5 : -6
286 : #d670f5 : -5
287 : #d870f5 : -4
288 : #da70f5 : -3
289 : #dd70f5 : -2
290 : #df70f5 : -1
291 : #e170f5 : ±0
292 : #e370f5 : +1
293 : #e670f5 : +2
294 : #e870f5 : +3
295 : #ea70f5 : +4
296 : #ec70f5 : +5
297 : #ee70f5 : +6
298 : #f170f5 : +7
299 : #f370f5 : +8
300 : #f570f5 : +9
301 : #f570f3 : +10
S : 彩度 ( 87% )
(0%) 渋い ～ 鮮やか (100%)
1 : #b3b2b3 : -86
3 : #b4b0b5 : -84
5 : #b5afb6 : -82
7 : #b6adb8 : -80
9 : #b7acb9 : -78
11 : #b8aabb : -76
13 : #b9a9bc : -74
15 : #bba7be : -72
17 : #bca5c0 : -70
19 : #bda4c1 : -68
21 : #bea2c3 : -66
23 : #bfa1c4 : -64
25 : #c09fc6 : -62
27 : #c19ec7 : -60
29 : #c29cc9 : -58
31 : #c39bca : -56
33 : #c499cc : -54
35 : #c598cd : -52
37 : #c696cf : -50
39 : #c795d0 : -48
41 : #c893d2 : -46
43 : #ca92d3 : -44
45 : #cb90d5 : -42
47 : #cc8fd6 : -40
49 : #cd8dd8 : -38
51 : #ce8bda : -36
53 : #cf8adb : -34
55 : #d088dd : -32
57 : #d187de : -30
59 : #d285e0 : -28
61 : #d384e1 : -26
63 : #d482e3 : -24
65 : #d581e4 : -22
67 : #d67fe6 : -20
69 : #d77ee7 : -18
71 : #d97ce9 : -16
73 : #da7bea : -14
75 : #db79ec : -12
77 : #dc78ed : -10
79 : #dd76ef : -8
81 : #de75f0 : -6
83 : #df73f2 : -4
85 : #e071f4 : -2
87 : #e170f5 : ±0
89 : #e26ef7 : +2
91 : #e36df8 : +4
93 : #e46bfa : +6
95 : #e56afb : +8
97 : #e668fd : +10
99 : #e867fe : +12
L : 明度 ( 70% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -70
2 : #08010a : -68
4 : #100113 : -66
6 : #19021d : -64
8 : #210326 : -62
10 : #290330 : -60
12 : #310439 : -58
14 : #390543 : -56
16 : #42054c : -54
18 : #4a0656 : -52
20 : #52075f : -50
22 : #5a0769 : -48
24 : #620872 : -46
26 : #6b097c : -44
28 : #730986 : -42
30 : #7b0a8f : -40
32 : #830b99 : -38
34 : #8c0ba2 : -36
36 : #940cac : -34
38 : #9c0db5 : -32
40 : #a40dbf : -30
42 : #ac0ec8 : -28
44 : #b50fd2 : -26
46 : #bd0fdb : -24
48 : #c510e5 : -22
50 : #cd11ee : -20
52 : #cf1aef : -18
54 : #d124f0 : -16
56 : #d32df0 : -14
58 : #d537f1 : -12
60 : #d740f2 : -10
62 : #d94af2 : -8
64 : #db53f3 : -6
66 : #dd5df4 : -4
68 : #df66f4 : -2
70 : #e170f5 : ±0
72 : #e379f6 : +2
74 : #e583f6 : +4
76 : #e78df7 : +6
78 : #e996f8 : +8
80 : #eba0f8 : +10
82 : #eda9f9 : +12
84 : #efb3fa : +14
86 : #f1bcfa : +16
88 : #f3c6fb : +18
90 : #f5cffc : +20
92 : #f7d9fc : +22
94 : #f9e2fd : +24
96 : #fbecfe : +26
98 : #fdf5fe : +28
100 : #ffffff : +30
CSS入門、作ってます。
text-shadow