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

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

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

خوانده‌شده به‌صورت CSS color()

مقدار HSB / HSVhsv(10.59 80% 100%)

تنظیم رنگ

۱۱°
۱۰۰٪

۶۸٪
۰٫۲۱۰
۳۴°

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

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

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

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

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

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

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

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

پرسش و پاسخ

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

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

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

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

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

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

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

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