#ff2838
RGB ( 赤 = 255, 緑 = 40, 青 = 56 )
HSL ( 色相 = 356°, 彩度 = 100%, 明度 = 58% )
H : 色相 ( 356° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #ff3e29 : -350
16 : #ff6229 : -340
26 : #ff8629 : -330
36 : #ffa929 : -320
46 : #ffcd29 : -310
56 : #fff129 : -300
66 : #eaff29 : -290
76 : #c6ff29 : -280
86 : #a2ff29 : -270
96 : #7eff29 : -260
106 : #5bff29 : -250
116 : #37ff29 : -240
126 : #29ff3e : -230
136 : #29ff62 : -220
146 : #29ff86 : -210
156 : #29ffa9 : -200
166 : #29ffcd : -190
176 : #29fff1 : -180
186 : #29eaff : -170
196 : #29c6ff : -160
206 : #29a2ff : -150
216 : #297eff : -140
226 : #295bff : -130
236 : #2937ff : -120
246 : #3e29ff : -110
256 : #6229ff : -100
266 : #8629ff : -90
276 : #a929ff : -80
286 : #cd29ff : -70
296 : #f129ff : -60
306 : #ff29ea : -50
316 : #ff29c6 : -40
326 : #ff29a2 : -30
336 : #ff297e : -20
346 : #ff295b : -10
356 : #ff2937 : ±0
346 : #ff295b : -10
347 : #ff2957 : -9
348 : #ff2954 : -8
349 : #ff2950 : -7
350 : #ff294d : -6
351 : #ff2949 : -5
352 : #ff2945 : -4
353 : #ff2942 : -3
354 : #ff293e : -2
355 : #ff293b : -1
356 : #ff2937 : ±0
357 : #ff2934 : +1
358 : #ff2930 : +2
359 : #ff292c : +3
0 : #ff2929 : -356
1 : #ff2c29 : -355
2 : #ff3029 : -354
3 : #ff3429 : -353
4 : #ff3729 : -352
5 : #ff3b29 : -351
6 : #ff3e29 : -350
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #939393 : -100
2 : #969292 : -98
4 : #989090 : -96
6 : #9a8d8e : -94
8 : #9c8b8c : -92
10 : #9f898b : -90
12 : #a18789 : -88
14 : #a38587 : -86
16 : #a58385 : -84
18 : #a78183 : -82
20 : #a97e81 : -80
22 : #ab7c7f : -78
24 : #ae7a7e : -76
26 : #b0787c : -74
28 : #b2767a : -72
30 : #b47478 : -70
32 : #b67276 : -68
34 : #b86f74 : -66
36 : #ba6d72 : -64
38 : #bd6b71 : -62
40 : #bf696f : -60
42 : #c1676d : -58
44 : #c3656b : -56
46 : #c56369 : -54
48 : #c76067 : -52
50 : #c95e65 : -50
52 : #cc5c64 : -48
54 : #ce5a62 : -46
56 : #d05860 : -44
58 : #d2565e : -42
60 : #d4545c : -40
62 : #d6515a : -38
64 : #d84f58 : -36
66 : #db4d57 : -34
68 : #dd4b55 : -32
70 : #df4953 : -30
72 : #e14751 : -28
74 : #e3454f : -26
76 : #e5434d : -24
78 : #e7404c : -22
80 : #ea3e4a : -20
82 : #ec3c48 : -18
84 : #ee3a46 : -16
86 : #f03844 : -14
88 : #f23642 : -12
90 : #f43440 : -10
92 : #f6313f : -8
94 : #f92f3d : -6
96 : #fb2d3b : -4
98 : #fd2b39 : -2
100 : #ff2937 : ±0
L : 明度 ( 58% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -58
2 : #0a0001 : -56
4 : #140001 : -54
6 : #1f0002 : -52
8 : #290003 : -50
10 : #330003 : -48
12 : #3d0004 : -46
14 : #470005 : -44
16 : #520005 : -42
18 : #5c0006 : -40
20 : #660007 : -38
22 : #700007 : -36
24 : #7a0008 : -34
26 : #850009 : -32
28 : #8f000a : -30
30 : #99000a : -28
32 : #a3000b : -26
34 : #ad000c : -24
36 : #b8000c : -22
38 : #c2000d : -20
40 : #cc000e : -18
42 : #d6000e : -16
44 : #e0000f : -14
46 : #eb0010 : -12
48 : #f50010 : -10
50 : #ff0011 : -8
52 : #ff0a1b : -6
54 : #ff1424 : -4
56 : #ff1f2e : -2
58 : #ff2937 : ±0
60 : #ff3341 : +2
62 : #ff3d4a : +4
64 : #ff4754 : +6
66 : #ff525d : +8
68 : #ff5c67 : +10
70 : #ff6670 : +12
72 : #ff707a : +14
74 : #ff7a83 : +16
76 : #ff858d : +18
78 : #ff8f96 : +20
80 : #ff99a0 : +22
82 : #ffa3a9 : +24
84 : #ffadb3 : +26
86 : #ffb8bc : +28
88 : #ffc2c6 : +30
90 : #ffcccf : +32
92 : #ffd6d9 : +34
94 : #ffe0e2 : +36
96 : #ffebec : +38
98 : #fff5f5 : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow