Mempertimbangkan cara untuk memecahkan palet warna
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Dalam Tantangan GUI hari ini, @AdamArgyleInk membuat palet warna gamut lebar dengan okLCH, memeriksa pasangan warna yang dapat diakses di sepanjang prosesnya, memeriksa warna dengan devtools, dan menunjukkan banyak trik rapi lainnya untuk memanfaatkan fitur ruang warna web baru ini.
Segmen:
- 0.00 - Pendahuluan
- 0:24 - HSL dan LCH
- 2.09 - caniuse
- 2:50 - Ikhtisar Demo
- 3:51 - Warna okLCH pertama
- 5:14 - Pemilih Warna Wide Gamut DevTool
- 6:53 - Lebih banyak warna okLCH
- 9.40 - ringkasan oklch.com
- 11:05 - Lebih banyak warna okLCH
- 14:08 - okLCH dan Kontras yang Dapat Diakses
- 16:08 - Penggunaan palet
- 19:12 - Penyesuaian hue
- 20:28 - Memetakan penyesuaian untuk kontrol kontras
- 22:05 - Rekap
- 22:53 - Sudut Debug
- 23.22 - Outro
Referensi:
Tonton Tantangan GUI lainnya → https://goo.gle/GUIchallenges
Berlangganan Developer Google Chrome → https://goo.gle/ChromeDevs
arrow_back Kembali ke semua episode
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2023-05-17 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Informasi yang saya butuhkan tidak ada"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Terlalu rumit/langkahnya terlalu banyak"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Sudah usang"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Masalah terjemahan"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Masalah kode / contoh"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Lainnya"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Mudah dipahami"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Memecahkan masalah saya"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Lainnya"
}]
{"lastModified": "Terakhir diperbarui pada 2023-05-17 UTC."}
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2023-05-17 UTC."],[],[]]
