#e7046a
RGB ( 赤 = 231, 緑 = 4, 青 = 106 )
HSL ( 色相 = 333°, 彩度 = 97%, 明度 = 46% )
H : 色相 ( 333° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #e70f04 : -330
13 : #e73504 : -320
23 : #e75b04 : -310
33 : #e78104 : -300
43 : #e7a704 : -290
53 : #e7cd04 : -280
63 : #dce704 : -270
73 : #b6e704 : -260
83 : #90e704 : -250
93 : #6ae704 : -240
103 : #44e704 : -230
113 : #1ee704 : -220
123 : #04e70f : -210
133 : #04e735 : -200
143 : #04e75b : -190
153 : #04e781 : -180
163 : #04e7a7 : -170
173 : #04e7cd : -160
183 : #04dce7 : -150
193 : #04b6e7 : -140
203 : #0490e7 : -130
213 : #046ae7 : -120
223 : #0444e7 : -110
233 : #041ee7 : -100
243 : #0f04e7 : -90
253 : #3504e7 : -80
263 : #5b04e7 : -70
273 : #8104e7 : -60
283 : #a704e7 : -50
293 : #cd04e7 : -40
303 : #e704dc : -30
313 : #e704b6 : -20
323 : #e70490 : -10
333 : #e7046a : ±0
343 : #e70444 : +10
353 : #e7041e : +20
323 : #e70490 : -10
324 : #e7048c : -9
325 : #e70488 : -8
326 : #e70484 : -7
327 : #e70481 : -6
328 : #e7047d : -5
329 : #e70479 : -4
330 : #e70475 : -3
331 : #e70472 : -2
332 : #e7046e : -1
333 : #e7046a : ±0
334 : #e70466 : +1
335 : #e70462 : +2
336 : #e7045f : +3
337 : #e7045b : +4
338 : #e70457 : +5
339 : #e70453 : +6
340 : #e7044f : +7
341 : #e7044c : +8
342 : #e70448 : +9
343 : #e70444 : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #767475 : -96
3 : #797275 : -94
5 : #7b6f75 : -92
7 : #7e6d74 : -90
9 : #806b74 : -88
11 : #826874 : -86
13 : #856674 : -84
15 : #876474 : -82
17 : #896173 : -80
19 : #8c5f73 : -78
21 : #8e5d73 : -76
23 : #905a73 : -74
25 : #935872 : -72
27 : #955672 : -70
29 : #975372 : -68
31 : #9a5172 : -66
33 : #9c4f71 : -64
35 : #9e4c71 : -62
37 : #a14a71 : -60
39 : #a34871 : -58
41 : #a54570 : -56
43 : #a84370 : -54
45 : #aa4170 : -52
47 : #ac3e70 : -50
49 : #af3c70 : -48
51 : #b1396f : -46
53 : #b3376f : -44
55 : #b6356f : -42
57 : #b8326f : -40
59 : #bb306e : -38
61 : #bd2e6e : -36
63 : #bf2b6e : -34
65 : #c2296e : -32
67 : #c4276d : -30
69 : #c6246d : -28
71 : #c9226d : -26
73 : #cb206d : -24
75 : #cd1d6d : -22
77 : #d01b6c : -20
79 : #d2196c : -18
81 : #d4166c : -16
83 : #d7146c : -14
85 : #d9126b : -12
87 : #db0f6b : -10
89 : #de0d6b : -8
91 : #e00b6b : -6
93 : #e2086a : -4
95 : #e5066a : -2
97 : #e7046a : ±0
99 : #e9016a : +2
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #0a0005 : -44
4 : #140009 : -42
6 : #1e000e : -40
8 : #280112 : -38
10 : #320117 : -36
12 : #3c011c : -34
14 : #460120 : -32
16 : #500125 : -30
18 : #5a0129 : -28
20 : #64022e : -26
22 : #6f0233 : -24
24 : #790237 : -22
26 : #83023c : -20
28 : #8d0240 : -18
30 : #970245 : -16
32 : #a1024a : -14
34 : #ab034e : -12
36 : #b50353 : -10
38 : #bf0358 : -8
40 : #c9035c : -6
42 : #d30361 : -4
44 : #dd0365 : -2
46 : #e7046a : ±0
48 : #f1046f : +2
50 : #fb0473 : +4
52 : #fb0e79 : +6
54 : #fb187e : +8
56 : #fc2284 : +10
58 : #fc2c8a : +12
60 : #fc368f : +14
62 : #fc4095 : +16
64 : #fc4a9a : +18
66 : #fc54a0 : +20
68 : #fd5ea5 : +22
70 : #fd68ab : +24
72 : #fd72b1 : +26
74 : #fd7cb6 : +28
76 : #fd86bc : +30
78 : #fd90c1 : +32
80 : #fd9bc7 : +34
82 : #fea5cd : +36
84 : #feafd2 : +38
86 : #feb9d8 : +40
88 : #fec3dd : +42
90 : #fecde3 : +44
92 : #fed7e9 : +46
94 : #ffe1ee : +48
96 : #ffebf4 : +50
98 : #fff5f9 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow