Warna ditentukan menggunakan nama warna yang telah ditentukan sebelumnya, atau nilai RGB, HEX, HSL, RGBA, HSLA.
Format Nilai Warna CSS:
- RGB:
rgb(255, 99, 71)
- HEX:
#ff6347 (heksadesimal)
- HSL:
hsl(9, 100%, 64%) (Hue, Saturation, Lightness)
- RGBA:
rgba(255, 99, 71, 0.5) (dengan transparansi 50%)
<!DOCTYPE html>
<html>
<head>
<style>
.c-hex { background: #0d2e5c; color: white; padding: 10px; margin: 5px 0; border-radius: 6px; }
.c-rgb { background: rgb(4, 170, 109); color: white; padding: 10px; margin: 5px 0; border-radius: 6px; }
.c-hsl { background: hsl(38, 97%, 53%); color: #0d2e5c; padding: 10px; margin: 5px 0; border-radius: 6px; font-weight: bold; }
</style>
</head>
<body>
<div class="c-hex">Warna HEX: #0d2e5c (Navy)</div>
<div class="c-rgb">Warna RGB: rgb(4, 170, 109) (Green)</div>
<div class="c-hsl">Warna HSL: hsl(38, 97%, 53%) (Gold)</div>
</body>
</html>
Coba Sendiri (Try it Yourself) »
Uji Pemahaman Singkat (Test Yourself):
Berapa rentang nilai untuk masing-masing komponen R, G, B pada fungsi rgb()?