Input Color value özelliği

Tanım ve Kullanım

value Özellik ayarlayın veya renk seçicisinin value özelliğinin değerini döndürün.

HTML value özelliği renk seçicisinin rengini belirler.

Açıklama:Herhangi bir içerik belirlenmemişse, varsayılan renk #000000 (siyah) olacaktır.

İlgili Sayfalar

HTML Eğitimi:HTML renkleri

HTML Referans Kılavuzu:HTML <input> value özelliği

Örnek

Örnek 1

Renk seçicisinin rengini değiştirin:

document.getElementById("myColor").value = "#FF8040";

Kendiniz deneyin

Örnek 2

Renk seçicisinin rengini alın:

var x = document.getElementById("myColor").value;

Kendiniz deneyin

Örnek 3

defaultValue ve value özellikleri arasındaki farkı gösteren bir örnek:

var x = document.getElementById("myColor");
var defaultVal = x.defaultValue;
var currentVal = x.value;

Kendiniz deneyin

Sözdizimi

Value özelliğini döndürün:

colorObject.value

Value özelliğini ayarlayın:

colorObject.value = #hexvalue

Özellik değeri

Değer Açıklama
#hexvalue

Renk seçicisinin rengini belirler.

Bu değer onaltılık (hex) değer olmalıdır: # işareti ile başlayan üç haneli iki basamaklı sayı (örneğin #FF8040).

Dikkat:Renk anahtar kelimeleri (örneğin "kırmızı" veya "mavi") kullanılmamalıdır.

Açıklama:Varsayılan renk #000000 (siyah) olacaktır.

Teknik ayrıntılar

Dönüş değeri: Renkleri ifade eden dize değerleri.

Tarayıcı desteği

Tablodaki numaralar, bu özelliği ilk tam olarak destekleyen tarayıcı sürümünü belirtir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek 10.0 Destek Destek Destek

Dikkat:<input type="color"> elementi Internet Explorer ve Safari'da herhangi bir renk seçici göstermez.