Codingku

color

Properti CSS color digunakan untuk mengatur warna teks elemen.

Warna yang diterapkan pada teks menggunakan properti color juga diterapkan pada dekorasi teks yang dapat diterapkan padanya menggunakan properti text-decoration, seperti underlines, upperlines, line-throughs, dll.

Warna teks dapat ditentukan menggunakan nilai color apa pun, seperti semi-transparan atau bahkan sepenuhnya transparan.

Namun, warna tidak dapat berupa gradien karena gradient adalah nilai dari image, dan bukan nilai warna.

CSS Syntax

color: color | initial | inherit;

Javascript Syntax

object.style.color="#0000FF"

color: transparent;

Menerapkan warna transparan ke teks. Teks masih akan mengambil ruang yang seharusnya.

color: red;

Kamu dapat menggunakan 140+ nama warna

color: #05ffb0;

Kamu bisa menggunakan kode warna hexadecimal

color: rgb(50, 115, 220);

Kamu bisa menggunakan kode warna rgb():

  • nilai pertama untuk red
  • nilai kedua untuk green
  • nilai ketiga untuk blue

Masing-masing nilai antara 0 dan 255.

color: rgba(0, 0, 0, 0.5);

Kamu bisa menggunakan kode warna rgba():

  • 3 nilai pertama untuk rgb
  • nilai ke-4 adalah untuk saluran alpha dan mendefinisikan opacity warna

Nilai alfa dapat berubah dari nol 0 (transparan) menjadi satu 1 (blur).

color: hsl(14, 100%, 53%);

Kamu bisa menggunakan kode warna hsl():

  • nilai pertama untuk hue dan dimulai dari 0 hingga 359
  • nilai kedua untuk saturation dan dimulai dari 0% hingga 100%
  • nilai ketiga untuk luminosity dan dimulai dari 0% hingga 100%

color: hsla(14, 100%, 53%, 0.6);

Kamu bisa menggunakan kode warna hsl()a:

  • 3 nilai pertama untuk hsl
  • nilai ke-4 adalah untuk saluran alpha dan mendefinisikan opacity warna

Nilai alfa dapat berubah dari nol 0 (transparan) menjadi satu 1 (buram).