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

تبدیل HSB / HSV به Display P3

یک مقدار HSB / HSV وارد کنید و فوراً Display P3 بگیرید. فرمت‌های دیگر هم کار می‌کنند.

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

مقدار Display P3color(display-p3 0.92578 0.38909 0.25797)
Display P3 به HSB / HSV

تنظیم رنگ

۱۱°
۱۰۰٪

۶۸٪
۰٫۲۱۰
۳۴°

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

نمونه‌های تبدیل HSB / HSV به Display P3

رنگHSB / HSVDisplay P3
hsv(0 100% 100%)color(display-p3 0.91749 0.20029 0.13856)
hsv(120 100% 100%)color(display-p3 0.4584 0.98526 0.29829)
hsv(240 100% 100%)color(display-p3 0 0 0.95959)
hsv(0 0% 100%)color(display-p3 1 1 1)
hsv(0 0% 0%)color(display-p3 0 0 0)
hsv(0 0% 50.2%)color(display-p3 0.50196 0.50196 0.50196)
hsv(10.59 80% 100%)color(display-p3 0.92577 0.38907 0.25797)
hsv(217.22 76.02% 96.47%)color(display-p3 0.30473 0.50347 0.93383)
hsv(160.12 91.35% 72.55%)color(display-p3 0.33254 0.71471 0.52213)
hsv(37.69 95.51% 96.08%)color(display-p3 0.91216 0.63495 0.23045)
hsv(258.31 62.6% 96.47%)color(display-p3 0.51827 0.3688 0.93154)
hsv(330.37 69.49% 92.55%)color(display-p3 0.85506 0.33272 0.5918)

دربارهٔ HSB / HSV و Display P3

HSV که HSB هم نامیده می‌شود، از فام، اشباع و مقدار (value) استفاده می‌کند. Photoshop، Figma و بیشتر انتخابگرهای رنگ از آن برای مربع انتخاب رنگ استفاده می‌کنند.

Display P3 گاموت رنگی گستردهٔ نمایشگرهای جدید Apple و بسیاری از گوشی‌هاست. حدود 25% رنگ بیشتر از sRGB را پوشش می‌دهد و به‌صورت color(display-p3 r g b) نوشته می‌شود.

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

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

پرسش و پاسخ

چطور HSB / HSV را به Display P3 تبدیل کنم؟

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

آیا تبدیل HSB / HSV به Display P3 دقیق است؟

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

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

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

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

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