Renk paletlerini çözmenin yolları üzerine düşünme
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Bugünkü GUI Meydan Okuması'nda @AdamArgyleInk okLCH ile geniş bir renk paleti gamı oluşturuyor, bu sırada erişilebilir renk çiftlerini kontrol ediyor, Devtools ile renkleri inceliyor ve bu yeni web renk alanının özelliklerinden yararlanmayla ilgili diğer birçok hileyi gösteriyor.
Bölümler:
- 0:00 - Giriş
- 0:24 - HSL ve LCH
- 2:09 - caniuse
- 2:50 - Demoya Genel Bakış
- 3:51 - İlk okLCH rengi
- 5:14 - Geniş Gamut Geliştirici Araçları Renk Seçici
- 6:53 - Diğer okLCH renkleri
- 9:40 - oklch.com'a genel bakış
- 11:05 - Diğer okLCH renkleri
- 14:08 - okLCH ve Erişilebilir Kontrast
- 16:08 - Palet kullanımı
- 19:12 - Ton ayarlama
- 20:28 - Kontrast kontrolü için eşleme ayarlamaları
- 22:05 - Özet
- 22:53 - Hata Ayıklama Köşesi
- 23:22 - Bitiş
Kaynaklar:
Daha fazla GUI Meydan Okuması'nı izleyin: https://goo.gle/GUIchallenges
Google Chrome Geliştiricileri'ne abone olun → https://goo.gle/ChromeDevs
arrow_back Tüm bölümlere dön
Aksi belirtilmediği sürece bu sayfanın içeriği Creative Commons Atıf 4.0 Lisansı altında ve kod örnekleri Apache 2.0 Lisansı altında lisanslanmıştır. Ayrıntılı bilgi için Google Developers Site Politikaları'na göz atın. Java, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2023-05-17 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"İhtiyacım olan bilgiler yok"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Çok karmaşık / çok fazla adım var"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Güncel değil"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Çeviri sorunu"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Örnek veya kod sorunu"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Diğer"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Anlaması kolay"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Sorunumu çözdü"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Diğer"
}]
{"lastModified": "Son g\u00fcncelleme tarihi: 2023-05-17 UTC."}
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 2023-05-17 UTC."],[],[]]