#e81741
RGB ( 赤 = 232, 緑 = 23, 青 = 65 )
HSL ( 色相 = 348°, 彩度 = 82%, 明度 = 50% )
H : 色相 ( 348° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #e83317 : -340
18 : #e85617 : -330
28 : #e87917 : -320
38 : #e89b17 : -310
48 : #e8be17 : -300
58 : #e8e117 : -290
68 : #cce817 : -280
78 : #a9e817 : -270
88 : #86e817 : -260
98 : #64e817 : -250
108 : #41e817 : -240
118 : #1ee817 : -230
128 : #17e833 : -220
138 : #17e856 : -210
148 : #17e879 : -200
158 : #17e89b : -190
168 : #17e8be : -180
178 : #17e8e1 : -170
188 : #17cce8 : -160
198 : #17a9e8 : -150
208 : #1786e8 : -140
218 : #1764e8 : -130
228 : #1741e8 : -120
238 : #171ee8 : -110
248 : #3317e8 : -100
258 : #5617e8 : -90
268 : #7917e8 : -80
278 : #9b17e8 : -70
288 : #be17e8 : -60
298 : #e117e8 : -50
308 : #e817cc : -40
318 : #e817a9 : -30
328 : #e81786 : -20
338 : #e81764 : -10
348 : #e81741 : ±0
358 : #e8171e : +10
338 : #e81764 : -10
339 : #e81760 : -9
340 : #e8175d : -8
341 : #e81759 : -7
342 : #e81756 : -6
343 : #e81752 : -5
344 : #e8174f : -4
345 : #e8174b : -3
346 : #e81748 : -2
347 : #e81744 : -1
348 : #e81741 : ±0
349 : #e8173d : +1
350 : #e8173a : +2
351 : #e81736 : +3
352 : #e81733 : +4
353 : #e8172f : +5
354 : #e8172c : +6
355 : #e81728 : +7
356 : #e81725 : +8
357 : #e81721 : +9
358 : #e8171e : +10
S : 彩度 ( 82% )
(0%) 渋い ～ 鮮やか (100%)
0 : #7f7f7f : -82
2 : #827d7e : -80
4 : #857a7c : -78
6 : #87787b : -76
8 : #8a7579 : -74
10 : #8c7378 : -72
12 : #8f7076 : -70
14 : #916e75 : -68
16 : #946b73 : -66
18 : #966972 : -64
20 : #996670 : -62
22 : #9c636f : -60
24 : #9e616d : -58
26 : #a15e6c : -56
28 : #a35c6a : -54
30 : #a65969 : -52
32 : #a85767 : -50
34 : #ab5465 : -48
36 : #ad5264 : -46
38 : #b04f62 : -44
40 : #b34d61 : -42
42 : #b54a5f : -40
44 : #b8475e : -38
46 : #ba455c : -36
48 : #bd425b : -34
50 : #bf4059 : -32
52 : #c23d58 : -30
54 : #c43b56 : -28
56 : #c73855 : -26
58 : #c93653 : -24
60 : #cc3352 : -22
62 : #cf3050 : -20
64 : #d12e4f : -18
66 : #d42b4d : -16
68 : #d6294b : -14
70 : #d9264a : -12
72 : #db2448 : -10
74 : #de2147 : -8
76 : #e01f45 : -6
78 : #e31c44 : -4
80 : #e61a42 : -2
82 : #e81741 : ±0
84 : #eb143f : +2
86 : #ed123e : +4
88 : #f00f3c : +6
90 : #f20d3b : +8
92 : #f50a39 : +10
94 : #f70838 : +12
96 : #fa0536 : +14
98 : #fc0335 : +16
100 : #ff0033 : +18
L : 明度 ( 50% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -50
2 : #090103 : -48
4 : #130205 : -46
6 : #1c0308 : -44
8 : #25040a : -42
10 : #2e050d : -40
12 : #380610 : -38
14 : #410612 : -36
16 : #4a0715 : -34
18 : #540817 : -32
20 : #5d091a : -30
22 : #660a1c : -28
24 : #6f0b1f : -26
26 : #790c22 : -24
28 : #820d24 : -22
30 : #8b0e27 : -20
32 : #950f29 : -18
34 : #9e102c : -16
36 : #a7112f : -14
38 : #b01131 : -12
40 : #ba1234 : -10
42 : #c31336 : -8
44 : #cc1439 : -6
46 : #d5153c : -4
48 : #df163e : -2
50 : #e81741 : ±0
52 : #e92048 : +2
54 : #ea2a50 : +4
56 : #eb3358 : +6
58 : #ec3c5f : +8
60 : #ed4567 : +10
62 : #ee4f6e : +12
64 : #ee5876 : +14
66 : #ef617e : +16
68 : #f06a85 : +18
70 : #f1748d : +20
72 : #f27d94 : +22
74 : #f3869c : +24
76 : #f490a4 : +26
78 : #f599ab : +28
80 : #f6a2b3 : +30
82 : #f7abbb : +32
84 : #f8b5c2 : +34
86 : #f9beca : +36
88 : #f9c7d1 : +38
90 : #fad1d9 : +40
92 : #fbdae1 : +42
94 : #fce3e8 : +44
96 : #fdecf0 : +46
98 : #fef6f7 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow