HTML Eğitimi

HTML ANA SAYFA HTML'ye Giriş HTML Düzenleyiciler HTML Temel HTML Öğeleri HTML Özellikleri HTML Başlıkları HTML Paragrafları HTML Stilleri HTML Biçimlendirme HTML Alıntılar HTML Yorumları HTML Renkleri HTML CSS'si HTML Bağlantıları HTML Görselleri HTML Sık Kullanılan Simgesi HTML Tabloları HTML Listeleri HTML Bloğu ve Satır İçi HTML Sınıfları HTML Kimliği HTML İç Çerçeveleri HTML JavaScript'i HTML Dosya Yolları HTML Başlığı HTML Düzeni HTML Duyarlı HTML Bilgisayar Kodu HTML Semantiği HTML Stil Kılavuzu HTML Varlıkları HTML Sembolleri HTML Emojileri HTML Karakter Seti HTML URL Kodlaması HTML'ye karşı XHTML

HTML Formları

HTML Formları HTML Formu Nitelikleri HTML Form Öğeleri HTML Giriş Türleri HTML Girdi Nitelikleri HTML Giriş Formu Nitelikleri

HTML Grafikleri

HTML Kanvas HTML SVG'si

HTML Ortamı

HTML Ortamı HTML Videosu HTML Ses HTML Eklentileri HTML YouTube

HTML API'leri

HTML Coğrafi Konum HTML Sürükle/Bırak HTML Web Depolama HTML Web Çalışanları HTML ÖAM

HTML Örnekleri

HTML Örnekleri HTML Testi HTML Alıştırmaları HTML Sertifikası HTML Özeti HTML Erişilebilirliği

HTML Referansları

HTML Etiket Listesi HTML Özellikleri HTML Genel Nitelikleri HTML Tarayıcı Desteği HTML Olayları HTML Renkleri HTML Kanvas HTML Ses/Video HTML Doktipleri HTML Karakter Kümeleri HTML URL Kodlaması HTML Dil Kodları HTTP Mesajları HTTP Yöntemleri PX'den EM'ye Dönüştürücü Klavye kısayolları

HTML Renkleri


HTML renkleri, önceden tanımlanmış renk adlarıyla veya RGB, HEX, HSL, RGBA veya HSLA değerleriyle belirtilir.


Renk İsimleri

HTML'de, bir renk adı kullanılarak bir renk belirtilebilir:

Domates
Portakal
DodgerMavi
OrtaDenizYeşil
Gri
arduvaz mavisi
Menekşe
Açık gri

HTML, 140 standart renk adını destekler .


Arka plan rengi

HTML öğeleri için arka plan rengini ayarlayabilirsiniz:

Selam Dünya


Acının kendisi aşktır Bu yüzden, normal uygulamamızın sonuçlardan yararlanmak için katlandıkları en ufak bir şey geliyor.

Örnek

<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>

Metin Rengi

Metnin rengini ayarlayabilirsiniz:

Selam Dünya

Acının kendisi aşktır

Bu yüzden, normal uygulamamızın sonuçlardan yararlanmak için katlandıkları en ufak bir şey geliyor.

Örnek

<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>

Sınır rengi

Kenarlıkların rengini ayarlayabilirsiniz:

Selam Dünya

Selam Dünya

Selam Dünya

Örnek

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>

Renk Değerleri

HTML'de renkler, RGB değerleri, HEX değerleri, HSL değerleri, RGBA değerleri ve HSLA değerleri kullanılarak da belirlenebilir.

Aşağıdaki üç <div> öğesinin arka plan rengi RGB, HEX ve HSL değerleriyle ayarlanır:

rgb(255, 99, 71)
#ff6347
hsl(9, %100, %64)

Aşağıdaki iki <div> öğesinin arka plan rengi, renge bir Alfa kanalı ekleyen RGBA ve HSLA değerleriyle ayarlanmıştır (burada %50 şeffaflık vardır):

rgba (255, 99, 71, 0.5)
hsla (9, %100, %64, 0,5)

Örnek

<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>

<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>

Renk Değerleri hakkında daha fazla bilgi edinin

Sonraki bölümlerde RGB , HEX ve HSL hakkında daha fazla bilgi edineceksiniz .