#f04 #ff0044
RGB ( 赤 = 255, 緑 = 0, 青 = 68 )
HSL ( 色相 = 344°, 彩度 = 100%, 明度 = 50% )
H : 色相 ( 344° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #ff1100 : -340
14 : #ff3c00 : -330
24 : #ff6600 : -320
34 : #ff9100 : -310
44 : #ffbb00 : -300
54 : #ffe600 : -290
64 : #eeff00 : -280
74 : #c4ff00 : -270
84 : #99ff00 : -260
94 : #6fff00 : -250
104 : #44ff00 : -240
114 : #1aff00 : -230
124 : #00ff11 : -220
134 : #00ff3c : -210
144 : #00ff66 : -200
154 : #00ff91 : -190
164 : #00ffbb : -180
174 : #00ffe6 : -170
184 : #00eeff : -160
194 : #00c4ff : -150
204 : #0099ff : -140
214 : #006fff : -130
224 : #0044ff : -120
234 : #001aff : -110
244 : #1100ff : -100
254 : #3c00ff : -90
264 : #6600ff : -80
274 : #9100ff : -70
284 : #bb00ff : -60
294 : #e600ff : -50
304 : #ff00ee : -40
314 : #ff00c4 : -30
324 : #ff0099 : -20
334 : #ff006f : -10
344 : #ff0044 : ±0
354 : #ff001a : +10
334 : #ff006f : -10
335 : #ff006a : -9
336 : #ff0066 : -8
337 : #ff0062 : -7
338 : #ff005e : -6
339 : #ff0059 : -5
340 : #ff0055 : -4
341 : #ff0051 : -3
342 : #ff004d : -2
343 : #ff0048 : -1
344 : #ff0044 : ±0
345 : #ff0040 : +1
346 : #ff003c : +2
347 : #ff0037 : +3
348 : #ff0033 : +4
349 : #ff002f : +5
350 : #ff002b : +6
351 : #ff0026 : +7
352 : #ff0022 : +8
353 : #ff001e : +9
354 : #ff001a : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -100
2 : #827d7e : -98
4 : #857a7d : -96
6 : #87787c : -94
8 : #8a757b : -92
10 : #8c737a : -90
12 : #8f7078 : -88
14 : #916e77 : -86
16 : #946b76 : -84
18 : #966975 : -82
20 : #996674 : -80
22 : #9c6372 : -78
24 : #9e6171 : -76
26 : #a15e70 : -74
28 : #a35c6f : -72
30 : #a6596e : -70
32 : #a8576c : -68
34 : #ab546b : -66
36 : #ad526a : -64
38 : #b04f69 : -62
40 : #b34d68 : -60
42 : #b54a67 : -58
44 : #b84765 : -56
46 : #ba4564 : -54
48 : #bd4263 : -52
50 : #bf4062 : -50
52 : #c23d61 : -48
54 : #c43b5f : -46
56 : #c7385e : -44
58 : #c9365d : -42
60 : #cc335c : -40
62 : #cf305b : -38
64 : #d12e59 : -36
66 : #d42b58 : -34
68 : #d62957 : -32
70 : #d92656 : -30
72 : #db2455 : -28
74 : #de2153 : -26
76 : #e01f52 : -24
78 : #e31c51 : -22
80 : #e61a50 : -20
82 : #e8174f : -18
84 : #eb144e : -16
86 : #ed124c : -14
88 : #f00f4b : -12
90 : #f20d4a : -10
92 : #f50a49 : -8
94 : #f70848 : -6
96 : #fa0546 : -4
98 : #fc0345 : -2
100 : #ff0044 : ±0
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #0a0003 : -48
4 : #140005 : -46
6 : #1f0008 : -44
8 : #29000b : -42
10 : #33000e : -40
12 : #3d0010 : -38
14 : #470013 : -36
16 : #520016 : -34
18 : #5c0018 : -32
20 : #66001b : -30
22 : #70001e : -28
24 : #7a0021 : -26
26 : #850023 : -24
28 : #8f0026 : -22
30 : #990029 : -20
32 : #a3002c : -18
34 : #ad002e : -16
36 : #b80031 : -14
38 : #c20034 : -12
40 : #cc0036 : -10
42 : #d60039 : -8
44 : #e0003c : -6
46 : #eb003f : -4
48 : #f50041 : -2
50 : #ff0044 : ±0
52 : #ff0a4b : +2
54 : #ff1453 : +4
56 : #ff1f5a : +6
58 : #ff2962 : +8
60 : #ff3369 : +10
62 : #ff3d71 : +12
64 : #ff4778 : +14
66 : #ff5280 : +16
68 : #ff5c87 : +18
70 : #ff668f : +20
72 : #ff7096 : +22
74 : #ff7a9e : +24
76 : #ff85a5 : +26
78 : #ff8fad : +28
80 : #ff99b4 : +30
82 : #ffa3bc : +32
84 : #ffadc3 : +34
86 : #ffb8cb : +36
88 : #ffc2d2 : +38
90 : #ffccda : +40
92 : #ffd6e1 : +42
94 : #ffe0e9 : +44
96 : #ffebf0 : +46
98 : #fff5f8 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow