Pick a Color:
Or Enter a Color:
Or Use HTML5:
Selected Color:
Black Text
Shadow
White Text
Shadow
#66ffff
rgb(102, 255, 255)
hsl(180, 100%, 70%)
cmyk(60%, 0%, 0%, 0%)
Lighter / Darker:
| 100% | #ffffff | |
| 95% | #e6ffff | |
| 90% | #ccffff | |
| 85% | #b3ffff | |
| 80% | #99ffff | |
| 75% | #80ffff | |
| 70% | #66ffff | |
| 65% | #4dffff | |
| 60% | #33ffff | |
| 55% | #1affff | |
| 50% | #00ffff | |
| 45% | #00e6e6 | |
| 40% | #00cccc | |
| 35% | #00b3b3 | |
| 30% | #009999 | |
| 25% | #008080 | |
| 20% | #006666 | |
| 15% | #004d4d | |
| 10% | #003333 | |
| 5% | #001a1a | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #ff6666 | rgb(255, 102, 102) | hsl(0, 100%, 70%) | |
| 15 | #ff8c66 | rgb(255, 140, 102) | hsl(15, 100%, 70%) | |
| 30 | #ffb366 | rgb(255, 179, 102) | hsl(30, 100%, 70%) | |
| 45 | #ffd966 | rgb(255, 217, 102) | hsl(45, 100%, 70%) | |
| 60 | #ffff66 | rgb(255, 255, 102) | hsl(60, 100%, 70%) | |
| 75 | #d9ff66 | rgb(217, 255, 102) | hsl(75, 100%, 70%) | |
| 90 | #b3ff66 | rgb(179, 255, 102) | hsl(90, 100%, 70%) | |
| 105 | #8cff66 | rgb(140, 255, 102) | hsl(105, 100%, 70%) | |
| 120 | #66ff66 | rgb(102, 255, 102) | hsl(120, 100%, 70%) | |
| 135 | #66ff8c | rgb(102, 255, 140) | hsl(135, 100%, 70%) | |
| 150 | #66ffb3 | rgb(102, 255, 179) | hsl(150, 100%, 70%) | |
| 165 | #66ffd9 | rgb(102, 255, 217) | hsl(165, 100%, 70%) | |
| 180 | #66ffff | rgb(102, 255, 255) | hsl(180, 100%, 70%) | |
| 195 | #66d9ff | rgb(102, 217, 255) | hsl(195, 100%, 70%) | |
| 210 | #66b3ff | rgb(102, 179, 255) | hsl(210, 100%, 70%) | |
| 225 | #668cff | rgb(102, 140, 255) | hsl(225, 100%, 70%) | |
| 240 | #6666ff | rgb(102, 102, 255) | hsl(240, 100%, 70%) | |
| 255 | #8c66ff | rgb(140, 102, 255) | hsl(255, 100%, 70%) | |
| 270 | #b366ff | rgb(179, 102, 255) | hsl(270, 100%, 70%) | |
| 285 | #d966ff | rgb(217, 102, 255) | hsl(285, 100%, 70%) | |
| 300 | #ff66ff | rgb(255, 102, 255) | hsl(300, 100%, 70%) | |
| 315 | #ff66d9 | rgb(255, 102, 217) | hsl(315, 100%, 70%) | |
| 330 | #ff66b3 | rgb(255, 102, 179) | hsl(330, 100%, 70%) | |
| 345 | #ff668c | rgb(255, 102, 140) | hsl(345, 100%, 70%) | |
| 360 | #ff6666 | rgb(255, 102, 102) | hsl(0, 100%, 70%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #66ffff | rgb(102, 255, 255) | hsl(180, 100%, 70%) | |
| 95% | #6afbfb | rgb(106, 251, 251) | hsl(180, 95%, 70%) | |
| 90% | #6ef7f7 | rgb(110, 247, 247) | hsl(180, 90%, 70%) | |
| 85% | #71f4f4 | rgb(113, 244, 244) | hsl(180, 85%, 70%) | |
| 80% | #75f0f0 | rgb(117, 240, 240) | hsl(180, 80%, 70%) | |
| 75% | #79ecec | rgb(121, 236, 236) | hsl(180, 75%, 70%) | |
| 70% | #7de8e8 | rgb(125, 232, 232) | hsl(180, 70%, 70%) | |
| 65% | #81e4e4 | rgb(129, 228, 228) | hsl(180, 65%, 70%) | |
| 60% | #85e0e0 | rgb(133, 224, 224) | hsl(180, 60%, 70%) | |
| 55% | #88dddd | rgb(136, 221, 221) | hsl(180, 55%, 70%) | |
| 50% | #8cd9d9 | rgb(140, 217, 217) | hsl(180, 50%, 70%) | |
| 45% | #90d5d5 | rgb(144, 213, 213) | hsl(180, 45%, 70%) | |
| 40% | #94d1d1 | rgb(148, 209, 209) | hsl(180, 40%, 70%) | |
| 35% | #98cdcd | rgb(152, 205, 205) | hsl(180, 35%, 70%) | |
| 30% | #9cc9c9 | rgb(156, 201, 201) | hsl(180, 30%, 70%) | |
| 25% | #9fc6c6 | rgb(159, 198, 198) | hsl(180, 25%, 70%) | |
| 20% | #a3c2c2 | rgb(163, 194, 194) | hsl(180, 20%, 70%) | |
| 15% | #a7bebe | rgb(167, 190, 190) | hsl(180, 15%, 70%) | |
| 10% | #abbaba | rgb(171, 186, 186) | hsl(180, 10%, 70%) | |
| 5% | #afb6b6 | rgb(175, 182, 182) | hsl(180, 5%, 70%) | |
| 0% | #b3b3b3 | rgb(179, 179, 179) | hsl(180, 0%, 70%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(180, 100%, 100%) | |
| 95% | #e6ffff | rgb(230, 255, 255) | hsl(180, 100%, 95%) | |
| 90% | #ccffff | rgb(204, 255, 255) | hsl(180, 100%, 90%) | |
| 85% | #b3ffff | rgb(179, 255, 255) | hsl(180, 100%, 85%) | |
| 80% | #99ffff | rgb(153, 255, 255) | hsl(180, 100%, 80%) | |
| 75% | #80ffff | rgb(128, 255, 255) | hsl(180, 100%, 75%) | |
| 70% | #66ffff | rgb(102, 255, 255) | hsl(180, 100%, 70%) | |
| 65% | #4dffff | rgb(77, 255, 255) | hsl(180, 100%, 65%) | |
| 60% | #33ffff | rgb(51, 255, 255) | hsl(180, 100%, 60%) | |
| 55% | #1affff | rgb(26, 255, 255) | hsl(180, 100%, 55%) | |
| 50% | #00ffff | rgb(0, 255, 255) | hsl(180, 100%, 50%) | |
| 45% | #00e6e6 | rgb(0, 230, 230) | hsl(180, 100%, 45%) | |
| 40% | #00cccc | rgb(0, 204, 204) | hsl(180, 100%, 40%) | |
| 35% | #00b3b3 | rgb(0, 179, 179) | hsl(180, 100%, 35%) | |
| 30% | #009999 | rgb(0, 153, 153) | hsl(180, 100%, 30%) | |
| 25% | #008080 | rgb(0, 128, 128) | hsl(180, 100%, 25%) | |
| 20% | #006666 | rgb(0, 102, 102) | hsl(180, 100%, 20%) | |
| 15% | #004d4d | rgb(0, 77, 77) | hsl(180, 100%, 15%) | |
| 10% | #003333 | rgb(0, 51, 51) | hsl(180, 100%, 10%) | |
| 5% | #001a1a | rgb(0, 26, 26) | hsl(180, 100%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(180, 100%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 217 | 179 | 255 |
#66ffff
rgb(102, 255, 255)
cmyk(60%, 0%, 0%, 0%)
rgb(102, 255, 255)
cmyk(60%, 0%, 0%, 0%)
Ini adalah aplikasi khusus kode warna HTML yang bisa kamu sesuaikan dengan kebutuhan. Pilih warna yang kamu inginkan, dan secara otomatis kode hex-nya akan muncul, juga kode untuk format warna lainnya.
Warna Hex Pada HTML
Hex sendiri adalah singkatan dari hexadecimal. Kode warna ini selalu diawali dengan tanda-pagar (hashtag) dan diikuti oleh 6 kode hex atau 3 kode hex-pairs. Contohnya kalau mau bikin warna putih bisa dengan kode ini #ffffff (6 hex) atau #fff (3 hex-pairs).
Tentang definisi kode hex bisa baca di Google aja.
Warna di HTML Bisa Unlimited
Sama seperti di aplikasi editing gambar semacam Photoshop yang memiliki fungsi eyedropper, di warna HTML juga ada fungsi eyedropper yang bisa menghasilkan warna tak terbatas.