Photo by Pawel Czerwinski on Unsplash

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.

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 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.

https://onurdayibasi.dev/color-palette2

2. Adobe Color Palette

Diğer popüler renk paletide Adobe sağladığı renk paletidir.

https://onurdayibasi.dev/color-palette

Okumaya Devam Et 😃

Bu yazının devamı veya yazı grubundaki diğer yazılara erişmek için bu linke tıklayabilirsiniz.

--

--