Skip to content

Instantly share code, notes, and snippets.

@eliduke

eliduke/color-test.html

Last active April 17, 2024 00:21
Show Gist options
  • Save eliduke/40b2f1f55f7d53a5c38aeab3dd5f1a8b to your computer and use it in GitHub Desktop.
Save eliduke/40b2f1f55f7d53a5c38aeab3dd5f1a8b to your computer and use it in GitHub Desktop.
Download ZIP
Weird color issues, using the Mac OS color meter, you can see that things are wrong. The first color renders as the second one and so on.
Raw
color-test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title></title>
<style>
h1 { padding: 30px }
h1.one { background-color: #B6864C }
h1.two { background-color: #AF8855 }
h1.three { background-color: #A98A5C }
h1.four { background-color: #A48B62 }
</style>
</head>
<body>
<h1 class="one">#B6864C</h1>
<h1 class="two">#AF8855</h1>
<h1 class="three">#A98A5C</h1>
<h1 class="four">#A48B62</h1>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment