Renk seçiciye geç

SwiftUI → OKLCH dönüştürücü

Bir SwiftUI değeri yapıştırın, OKLCH karşılığını anında alın. Diğer formatlar da çalışır.

Algılanan: Swift kodu

OKLCH değerioklch(68.031% 0.21005 33.68)
OKLCH → SwiftUI

Rengi ayarla

11°
%100

%68
0,210
34°

Diğer tüm formatlar

SwiftUI → OKLCH örnekleri

RenkSwiftUIOKLCH
Color(red: 1, green: 0, blue: 0)oklch(62.796% 0.25768 29.234)
Color(red: 0, green: 1, blue: 0)oklch(86.644% 0.29483 142.495)
Color(red: 0, green: 0, blue: 1)oklch(45.201% 0.31321 264.052)
Color(red: 1, green: 1, blue: 1)oklch(100% 0 0)
Color(red: 0, green: 0, blue: 0)oklch(0% 0 0)
Color(red: 0.502, green: 0.502, blue: 0.502)oklch(59.987% 0 0)
Color(red: 1, green: 0.341, blue: 0.2)oklch(68.036% 0.21001 33.692)
Color(red: 0.231, green: 0.51, blue: 0.965)oklch(62.308% 0.18801 259.815)
Color(red: 0.063, green: 0.725, blue: 0.506)oklch(69.587% 0.14907 162.48)
Color(red: 0.961, green: 0.62, blue: 0.043)oklch(76.859% 0.16466 70.08)
Color(red: 0.545, green: 0.361, blue: 0.965)oklch(60.563% 0.21892 292.717)
Color(red: 0.925, green: 0.282, blue: 0.6)oklch(65.592% 0.21177 354.308)

SwiftUI ve OKLCH hakkında

SwiftUI bir rengi 0 ile 1 arasındaki kırmızı, yeşil ve mavi değerleriyle tanımlar: Color(red: 1, green: 0.341, blue: 0.2). Opaklık opacity parametresiyle eklenir.

OKLCH, OKLab’ın kutupsal biçimidir: açıklık, kroma ve renk özü. Tailwind CSS v4 tüm paletinde bunu kullanır, çünkü açıklık değişince renk özü sabit kalır.

Dönüştürme nasıl çalışır

SwiftUI değerini okuyup CSS Color 4 spesifikasyonundaki matrislerle CIE XYZ’ye, oradan da OKLCH formatına çeviriyoruz. Hedef gamın dışında kalan değerler, açıklığı ve renk özünü koruyup kromayı azaltan CSS Color 4 algoritmasıyla gama sığdırılır.

Sorular ve yanıtlar

SwiftUI değerini OKLCH formatına nasıl dönüştürürüm?

Yukarıdaki alana bir SwiftUI değeri yapıştırın veya yazın. PickShade siz yazarken değeri CSS Color 4 formülleriyle dönüştürür, OKLCH değerini de tek tıkla kopyalarsınız.

SwiftUI → OKLCH dönüşümü kesin mi?

Hesaplama kesindir; sonuç yalnızca gösterim için yuvarlanır ve aynı renge geri dönüştürmeye yetecek kadar basamak içerir. Renk hedef gama sığmıyorsa PickShade sizi uyarır ve sığan en yakın rengi gösterir.

Aynı anda başka formatları da alabilir miyim?

Evet. OKLCH, Display P3, Tailwind, SwiftUI, Flutter ve Android dahil diğer tüm formatlar sonucun altında listelenir ve tek tıkla kopyalanır.

Bu dönüştürücü ücretsiz mi?

Evet. Ücretsizdir, üyelik gerektirmez ve tamamen tarayıcınızda çalışır.