#ee4f57
RGB ( 赤 = 238, 緑 = 79, 青 = 87 )
HSL ( 色相 = 357°, 彩度 = 82%, 明度 = 62% )
H : 色相 ( 357° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #ee614f : -350
17 : #ee7c4f : -340
27 : #ee964f : -330
37 : #eeb14f : -320
47 : #eecb4f : -310
57 : #eee64f : -300
67 : #dbee4f : -290
77 : #c1ee4f : -280
87 : #a6ee4f : -270
97 : #8cee4f : -260
107 : #71ee4f : -250
117 : #57ee4f : -240
127 : #4fee61 : -230
137 : #4fee7c : -220
147 : #4fee96 : -210
157 : #4feeb1 : -200
167 : #4feecb : -190
177 : #4feee6 : -180
187 : #4fdbee : -170
197 : #4fc1ee : -160
207 : #4fa6ee : -150
217 : #4f8cee : -140
227 : #4f71ee : -130
237 : #4f57ee : -120
247 : #614fee : -110
257 : #7c4fee : -100
267 : #964fee : -90
277 : #b14fee : -80
287 : #cb4fee : -70
297 : #e64fee : -60
307 : #ee4fdb : -50
317 : #ee4fc1 : -40
327 : #ee4fa6 : -30
337 : #ee4f8c : -20
347 : #ee4f71 : -10
357 : #ee4f57 : ±0
347 : #ee4f71 : -10
348 : #ee4f6e : -9
349 : #ee4f6c : -8
350 : #ee4f69 : -7
351 : #ee4f66 : -6
352 : #ee4f64 : -5
353 : #ee4f61 : -4
354 : #ee4f5f : -3
355 : #ee4f5c : -2
356 : #ee4f59 : -1
357 : #ee4f57 : ±0
358 : #ee4f54 : +1
359 : #ee4f51 : +2
0 : #ee4f4f : -357
1 : #ee514f : -356
2 : #ee544f : -355
3 : #ee574f : -354
4 : #ee594f : -353
5 : #ee5c4f : -352
6 : #ee5f4f : -351
7 : #ee614f : -350
S : 彩度 ( 82% )
(0%) 渋い ~ 鮮やか (100%)
0 : #9e9e9e : -82
2 : #a09c9c : -80
4 : #a29a9b : -78
6 : #a49899 : -76
8 : #a69697 : -74
10 : #a89495 : -72
12 : #aa9294 : -70
14 : #ac9192 : -68
16 : #ae8f90 : -66
18 : #b08d8e : -64
20 : #b18b8d : -62
22 : #b3898b : -60
24 : #b58789 : -58
26 : #b78587 : -56
28 : #b98386 : -54
30 : #bb8184 : -52
32 : #bd7f82 : -50
34 : #bf7d80 : -48
36 : #c17b7f : -46
38 : #c3797d : -44
40 : #c5777b : -42
42 : #c77579 : -40
44 : #c97378 : -38
46 : #cb7276 : -36
48 : #cd7074 : -34
50 : #cf6e72 : -32
52 : #d06c71 : -30
54 : #d26a6f : -28
56 : #d4686d : -26
58 : #d6666c : -24
60 : #d8646a : -22
62 : #da6268 : -20
64 : #dc6066 : -18
66 : #de5e65 : -16
68 : #e05c63 : -14
70 : #e25a61 : -12
72 : #e4585f : -10
74 : #e6565e : -8
76 : #e8545c : -6
78 : #ea535a : -4
80 : #ec5158 : -2
82 : #ee4f57 : ±0
84 : #ef4d55 : +2
86 : #f14b53 : +4
88 : #f34951 : +6
90 : #f54750 : +8
92 : #f7454e : +10
94 : #f9434c : +12
96 : #fb414a : +14
98 : #fd3f49 : +16
100 : #ff3d47 : +18
L : 明度 ( 62% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -62
2 : #090101 : -60
4 : #130203 : -58
6 : #1c0304 : -56
8 : #250405 : -54
10 : #2e0507 : -52
12 : #380608 : -50
14 : #410609 : -48
16 : #4a070b : -46
18 : #54080c : -44
20 : #5d090d : -42
22 : #660a0f : -40
24 : #6f0b10 : -38
26 : #790c11 : -36
28 : #820d13 : -34
30 : #8b0e14 : -32
32 : #950f15 : -30
34 : #9e1017 : -28
36 : #a71118 : -26
38 : #b01119 : -24
40 : #ba121b : -22
42 : #c3131c : -20
44 : #cc141d : -18
46 : #d5151f : -16
48 : #df1620 : -14
50 : #e81721 : -12
52 : #e9202a : -10
54 : #ea2a33 : -8
56 : #eb333c : -6
58 : #ec3c45 : -4
60 : #ed454e : -2
62 : #ee4f57 : ±0
64 : #ee585f : +2
66 : #ef6168 : +4
68 : #f06a71 : +6
70 : #f1747a : +8
72 : #f27d83 : +10
74 : #f3868c : +12
76 : #f49095 : +14
78 : #f5999d : +16
80 : #f6a2a6 : +18
82 : #f7abaf : +20
84 : #f8b5b8 : +22
86 : #f9bec1 : +24
88 : #f9c7ca : +26
90 : #fad1d3 : +28
92 : #fbdadc : +30
94 : #fce3e4 : +32
96 : #fdeced : +34
98 : #fef6f6 : +36
100 : #ffffff : +38
CSS入門、作ってます。
text-shadow