WEB SİTESİ: HTML ve CSS İçin PRATİK Renk Tablosu

  Blog veya web sitesi yazıp kodlarken kullanabileceğim renklerin makine dilindeki kodlarına ihtiyacımız olur. Örneğin sarı renginin yüzlerce farklı tonu ve her birinin ayrı ayrı kodu bulunur. Seçmek isteiğimiz renklere bakıp karar verebilir direkt kodun üzerine tıklayarak kopyalayıp kendi çalışmanızda kullanabilirsiniz.







Renk Tanımı HEX Kodu (Tıkla-Kopyala) Renk Görünümü
Pure Black#000000
Pure White#FFFFFF
Night Rider#1A1A1A
Gunmetal#2C3E50
Dark Gray#333333
Silver Metallic#C0C0C0
Bright Red#FF0000
Crimson Red#DC143C
Blood Red#8B0000
Firebrick#B22222
Indian Red#CD5C5C
Salmon Pink#FA8072
Neon Green#2CFF2C
Electric Lime#00FF00
Forest Green#228B22
Sea Green#2E8B57
Emerald Green#50C878
Dark Green#006400
Pure Blue#0000FF
Navy Blue#000080
Royal Blue#4169E1
Dodger Blue#1E90FF
Sky Blue#87CEEB
Electric Cyan#00FFFF
Safety Orange#FF4500
Vibrant Orange#FFA500
Gold Leaf#FFD700
Yellow Neon#FFFF00
Amber#FFBF00
Magenta / Fuchsia#FF00FF
Deep Purple#800080
Blue Violet#8A2BE2
Hot Pink#FF69B4
Orchid#DA70D6

HTML ve CSS renk kodları ne işe yarar?
HTML ve CSS renk kodları, web sitelerinde metin, arka plan ve buton renklerini belirlemek için kullanılır.
HTML ve CSS renk kodları ne işe yarar?
HTML ve CSS renk kodları, web sitelerinde metin, arka plan ve buton renklerini belirlemek için kullanılır.
Bu pratik renk tablosu nasıl kullanılır?
Tablodaki

HEX kodlara tıklamanız yeterlidir.

Kod otomatik olarak kopyalanır ve doğrudan CSS veya HTML içinde kullanılabilir.
HEX renk kodu nedir?
HEX renk kodu, renkleri onaltılık (hexadecimal) formatta gösteren 6 karakterli koddur.
HEX, RGB ve HSL arasındaki fark nedir?
HEX web için standarttır, RGB ekran mantığıyla çalışır, HSL ise renk tonlarını ve parlaklığı daha kolay ayarlamayı sağlar.
Renk tonları neden farklı görünüyor?
Aynı rengin soluk, canlı ve koyu tonları farklı amaçlarla kullanılır. Arka planlar, butonlar ve vurgu alanları için doğru ton seçimi önemlidir.
Renk kodlarını tıklayarak kopyalayabilir miyim?
Evet. Bu tabloda yer alan tüm HEX renk kodları tek tıkla kopyalanabilir. Böylece manuel yazım hataları ortadan kalkar.
Bu renk tablosu mobil uyumlu mu?
Evet. Tablo mobil cihazlar ve tüm modern tarayıcılarla uyumlu şekilde çalışır.
Bu HTML ve CSS renk tablosu kimler için uygundur?
Web tasarımcıları, yazılımcılar, blog yazarları ve site renklerini hızlıca seçmek isteyen herkes için hazırlanmıştır.

Yorumlar

  1. sık kullanılan renklerin yeni tonları eklendi

    YanıtlaSil
  2. ilgili renk kodlarının (tablonun ortasındaki hex kodlarının) üzerine gelince o rengin görüntüsüne geçme özelliği eklendi.

    YanıtlaSil
  3. tablo arkaplanının soluk alıp verme efekti (yani sizin siteniz veya blogunuzun tema rengindeki arkaplan açık tonlardaysa bu renkler nasıl durur diye tek bakışta anlamanız için) eklendi. nefes alan rgb mouse klavyeler gibi oldu ama çok zor oldu..:)

    YanıtlaSil

Yorum Gönder

Yorumunuz için teşekkürler!

Popüler Yayınlar

BLW (YATIRIM): Param varken neden kredili konut alirim? Neden bir suru faiz odeyelim? Zenginler neden kredili alir?

SAGLIK: DEHB icin en etkili cozumler, dogal yontemler, teknikler ve soru cevaplar [basarmis birinden]

BİLİM: Ustun Zekali insanların/cocukların ozellikleri [avantaj ve dezavantajlari]

BLW (YATIRIM): "bir çocuğa yapılabilecek en büyük iyilik" - cok zengin ailelerin pro teknigi [zenginler ne yapar #1]

YATIRIM: Emlak Rayiç Bedeli: 2026’da emlak rayiç bedelleri nasıl hesaplanacak, %200 tavan ne demek? [hesaplamalı ve tablolu]

SAĞLIK (SPOR): huzursuz bacak sendromu - bacak agrisindan uyuyamamak (ne iyi gelir, ne yapmali)

WEB SİTESİ: Sık Sorulan Sorular ve FaqPage arasındaki farklar nelerdir?

Ustun Zekalilar: ustun zekali insanlarin/cocuklarin ozellikleri [avantaj ve dezavantajlari 2]

kiracilarin ev sahiplerinin evine cokme furyasi ve kiralik satilik fiyatlari 2025 sonunda ne olabilir?