COMPUTER ENGINEER

Tüm projelere dön
PROJECT / TASARIM ARAÇLARI

Color Studio

Tek renkten, erişilebilir bir tasarım diline. Tasarımcılar ve yazılımcılar için canlı renk stüdyosu.

Güncelleniyor Son güncelleme:
Color Studio kapak görseli
01 / NEDEN?

Projenin amacı.

Rastgele renk önerileri yerine, matematiksel olarak hesaplanan ve uygulamada kullanılabilen bir renk sistemi üretmek.

02 / NELER SUNUYOR?

Öne çıkan özellikler.

  • Ana rengi koruyan 50–950 ton skalası
  • Monokrom, analog, tamamlayıcı ve üçlü uyum
  • Canlı açık/koyu tema önizlemesi
  • Gradient ve semantik durum renkleri
  • Gerçek WCAG kontrast ölçümleri ve özel kontrast denetleyici
  • CSS, Tailwind 4, Tailwind 3 ve JSON çıktıları
  • Cihazda palet kaydetme ve tek dokunuşla kopyalama
03 / MUTFAK

Problemler ve çözümler.

Karşılaştığım problemler

Parlak veya doygun renklerde sRGB sınırlarını aşmadan tutarlı tonlar üretmek ve aynı ana rengin her temada okunabilir olduğunu varsaymamak.

Nasıl çözdüm?

OKLCH parlaklık ve doygunluk eğrileri, sRGB için ikili aramayla doygunluk azaltma ve son HEX üzerinden kontrast ölçümü kullandım. Tema birincil renkleri okunabilirlik için ayrıca uyarlanır; 500 tonu kullanıcının rengi olarak korunur.

Tüm projelere dön