REACT SAMPLES
React Color Samples
Web Uygulamasının Temel Konularından bir taneside Renk konusudur. Bu bölüm altında Renk ile ilgili yaptığımız örnekleri paylaşacağım.
Published in
2 min readApr 12, 2024
Renk konusu yaptığınız uygulama için en temel kavramlardan bir tanesi. Bu konuda daha önceden renk ile ilgili aşağıdaki blog yazılarını yazmıştım.
- Renk Modelleri (RGB, CMY, HSV, HSL)
- React Proje Mimarisi-7 (Design System)
- React Proje Mimarisi-10 (Color Palette)
Renk paletleri ve renkleri nasıl kullanabileceğimize göre örnekler geliştirmeye çalışacağım.
İlk önce renk paletleri üzerinde bir kaç örnek yaptım.
1. Radix Color Palette
Radix UI Colors renk tonlarını
- Backgrounds
- Inactive Components
- Borders and Separators
- Solid Colors
- Accessible Text
olarak gruplandırmıştır.
Aynı renk tonlarını kendi projemde tanımladım. Bu renk paleti ile çalışmak istersem Radix Color Palet modülü üzerinden işlemlerime devam edeceğim.
2. Adobe Color Palette
Diğer popüler renk paletide Adobe sağladığı renk paletidir.
Okumaya Devam Et 😃
Bu yazının devamı veya yazı grubundaki diğer yazılara erişmek için bu linke tıklayabilirsiniz.
