Cara mudah mengatur opacity warna menggunakan Hex Color Code

Cara mudah mengatur opacity warna menggunakan Hex Color Code


Opacity atau dalam bahasa indonesia artinya Kegelapan atau mungkin kepekatan. Istilah ini mungkin untuk kamu yang memang sudah mengenal yang namanya CSS atau yang serupa pasti sudah tidak asing dengan istilah ini. Singkatnya si opacity ini fungsinya untuk mengatur kepekatan atau ketebalan suatu watna. Nilainya bisa di asumsikan 100% sampai 0%. Semakin rendah nilainya maka level kepekatannya akan semakin tipis.

LEVEL & HEX OPACITY CODE
Berikut adalah daftar level opacity beserta Hex Codenya :
  • 100% — FF
  • 99% — FC
  • 98% — FA
  • 97% — F7
  • 96% — F5
  • 95% — F2
  • 94% — F0
  • 93% — ED
  • 92% — EB
  • 91% — E8
  • 90% — E6
  • 89% — E3
  • 88% — E0
  • 87% — DE
  • 86% — DB
  • 85% — D9
  • 84% — D6
  • 83% — D4
  • 82% — D1
  • 81% — CF
  • 80% — CC
  • 79% — C9
  • 78% — C7
  • 77% — C4
  • 76% — C2
  • 75% — BF
  • 74% — BD
  • 73% — BA
  • 72% — B8
  • 71% — B5
  • 70% — B3
  • 69% — B0
  • 68% — AD
  • 67% — AB
  • 66% — A8
  • 65% — A6
  • 64% — A3
  • 63% — A1
  • 62% — 9E
  • 61% — 9C
  • 60% — 99
  • 59% — 96
  • 58% — 94
  • 57% — 91
  • 56% — 8F
  • 55% — 8C
  • 54% — 8A
  • 53% — 87
  • 52% — 85
  • 51% — 82
  • 50% — 80
  • 49% — 7D
  • 48% — 7A
  • 47% — 78
  • 46% — 75
  • 45% — 73
  • 44% — 70
  • 43% — 6E
  • 42% — 6B
  • 41% — 69
  • 40% — 66
  • 39% — 63
  • 38% — 61
  • 37% — 5E
  • 36% — 5C
  • 35% — 59
  • 34% — 57
  • 33% — 54
  • 32% — 52
  • 31% — 4F
  • 30% — 4D
  • 29% — 4A
  • 28% — 47
  • 27% — 45
  • 26% — 42
  • 25% — 40
  • 24% — 3D
  • 23% — 3B
  • 22% — 38
  • 21% — 36
  • 20% — 33
  • 19% — 30
  • 18% — 2E
  • 17% — 2B
  • 16% — 29
  • 15% — 26
  • 14% — 24
  • 13% — 21
  • 12% — 1F
  • 11% — 1C
  • 10% — 1A
  • 9% — 17
  • 8% — 14
  • 7% — 12
  • 6% — 0F
  • 5% — 0D
  • 4% — 0A
  • 3% — 08
  • 2% — 05
  • 1% — 03
  • 0% — 00
Angka yang di sertai dengan tanda persen adalah nilai levelnya, sedangkan yang sebelahnya ada nilai Hex Codenya.

HEX COLOR CODE
Seperti yang kita tahu bahwa penulisan kode warna dalam format Hex berisi 6 digit, contohnya warna hijau yang mana memiliki nilai Hex (4CAF50). Yang mana penulisan nilai Hex di CSS selalu di iringi dengan Hashtag atau tanda pagar (#), dan penulisan utuhnya akan menjadi seperti ini untuk si warna hijau itu (#4CAF50)

CARA PENERAPAN
Warna hijau di atas merupakan warna hijau yang pekat, maka jika kamu ingin mengurangi tingkat kepekatannya kamu bisa coba ikuti ini. Caranya dengan menggunakan Opacity yang sudah disebutkan sebelumnya.

Cara mudah mengatur opacity warna menggunakan Hex Color Code


26 adalah kode opacity 15% dan yang sisanya adalah kode warna biasa dalam bentuk Hex. Gambar di atas adalah contoh format penulisan untuk mengatur Opacity pada warna. Pada gambar di atas kita menggunakan warna hijau yang mana tingkat kepekatan hijaunya di turunkan menjadi 15%, yang artinya hasil warna hijaunya tidak terlalu warna hijau, agak transparan. Untuk list Hex Opacity Codenya bisa di lihat di atas.

Cara mudah mengatur opacity warna menggunakan Hex Color Code

Tingkat kepekatan dari 100% sampai 0% kurang lebih bisa di ilustrasikan seperti gambar diatas. Makin ke kanan tingkat kepekatannya makin memudar menuju 0%.

Mungkin pembahasan ini cukup sampai disini, semoga bermanfaat. Mohon maaf jika ada kekurangan atau salah dalam pembahasan ini, jika berkenan bisa lakukan koreksi lewat kolom komentar di bawah, terima kasih :).

0/Post a Comment/Comments

Previous Post Next Post