Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Named colour */ body { background-color: whitesmoke; color: darkslategray; } /* 6-digit hex */ .primary { background: #1a73e8; } /* 8-digit hex with 80% opacity */ .overlay { background: #00000080; } /* Modern rgb() */ .card { background: rgb(255 255 255); box-shadow: 0 2px 8px rgb(0 0 0 / 0.15); } /* HSL — easy to create colour scales */ .success { color: hsl(142 71% 45%); } .warning { color: hsl( 38 92% 50%); } .danger { color: hsl( 4 86% 58%); }
Result
Open