Skip to content

Instantly share code, notes, and snippets.

@Huluvu424242

Huluvu424242/colorOrange.html

Created July 23, 2019 19:43
Show Gist options
  • Save Huluvu424242/33a26bd03bfcecfde1dab3bad91352a3 to your computer and use it in GitHub Desktop.
Save Huluvu424242/33a26bd03bfcecfde1dab3bad91352a3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
colorOrange.html
<html>
<head>
<title>Farben</title>
<style>
body {
background-color: gray;
}
.hex {
color: #FAAC58;
}
.rgb {
color: rgb(250,172,88);
}
.rgb_transparent {
color: rgb(250,172,88,0.5);
}
.rgb_prozent {
color: rgb(97.65%,67.18%,34.37%);
}
.rgb_transparent_prozent {
color: rgb(97.65%,67.18%,34.37%,0.5);
}
.hsl {
color: hsl(39,100%,50%);
}
.hsla {
color: hsla(39, 100%, 50%, 0.5);
}
* {
color: yellow;
}
</style>
</head>
<body>
<div class="hex">#FAAC58<div>
<div>====</div>
<div class="rgb">rgb(250,172,88)<div>
<div>====</div>
<div class="rgb_transparent">rgb(250,172,88,0.5)<div>
<div>====</div>
<div class="rgb_prozent">rgb(97.65%,67.18%,34.37%)<div>
<div>====</div>
<div class="rgb_transparent_prozent">rgb(97.65%,67.18%,34.37%,0.5)<div>
<div>====</div>
<div class="hsl">hsl(39,100%,50%)<div>
<div>====</div>
<div class="hsla">hsla(39,100%,50%,0.5)<div>
<div>====</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment