رفتن به انتخابگر رنگ

تبدیل SwiftUI به OKLCH

یک مقدار SwiftUI وارد کنید و فوراً OKLCH بگیرید. فرمت‌های دیگر هم کار می‌کنند.

خوانده‌شده به‌صورت کد Swift

مقدار OKLCHoklch(68.031% 0.21005 33.68)
OKLCH به SwiftUI

تنظیم رنگ

۱۱°
۱۰۰٪

۶۸٪
۰٫۲۱۰
۳۴°

همهٔ فرمت‌های دیگر

نمونه‌های تبدیل SwiftUI به OKLCH

رنگSwiftUIOKLCH
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 و OKLCH

SwiftUI رنگ را با مقادیر قرمز، سبز و آبی از 0 تا 1 توصیف می‌کند، مثل Color(red: 1, green: 0.341, blue: 0.2). کدری با پارامتر opacity اضافه می‌شود.

OKLCH همان OKLab در مختصات قطبی است: روشنایی، کروما و فام. Tailwind CSS v4 کل پالتش را با آن تعریف می‌کند، چون تغییر روشنایی فام را ثابت نگه می‌دارد.

تبدیل چطور انجام می‌شود

مقدار SwiftUI را می‌خوانیم، با ماتریس‌های مشخصات CSS Color 4 به CIE XYZ و سپس به OKLCH تبدیلش می‌کنیم. مقادیر بیرون از گاموت مقصد با الگوریتم CSS Color 4 نگاشت می‌شوند که روشنایی و فام را نگه می‌دارد و کروما را کم می‌کند.

پرسش و پاسخ

چطور SwiftUI را به OKLCH تبدیل کنم؟

یک مقدار SwiftUI را در کادر بالا جای‌گذاری یا تایپ کنید. PickShade هم‌زمان با تایپ، آن را با فرمول‌های CSS Color 4 تبدیل می‌کند و با یک کلیک مقدار OKLCH کپی می‌شود.

آیا تبدیل SwiftUI به OKLCH دقیق است؟

محاسبات دقیق است و نتیجه فقط برای نمایش گرد می‌شود، با رقم‌های کافی برای برگشت به همان رنگ. اگر رنگ در گاموت مقصد جا نشود، PickShade هشدار می‌دهد و نزدیک‌ترین رنگی را که جا می‌شود نشان می‌دهد.

آیا می‌توانم هم‌زمان فرمت‌های دیگر را هم بگیرم؟

بله. همهٔ فرمت‌های دیگر، از جمله OKLCH، Display P3، Tailwind، SwiftUI، Flutter و Android، زیر نتیجه آمده‌اند و با یک کلیک کپی می‌شوند.

این مبدل رایگان است؟

بله. رایگان است، ثبت‌نام نمی‌خواهد و کاملاً در مرورگر شما اجرا می‌شود.