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

تبدیل Display P3 به RGBA

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

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

مقدار RGBArgba(255, 87, 51, 1)
RGBA به Display P3

تنظیم رنگ

۱۱°
۱۰۰٪

۶۸٪
۰٫۲۱۰
۳۴°

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

جدول کدری: آلفا در HEX و RGBA

در HEX هشت‌رقمی، دو رقم آخر کدری را تعیین می‌کنند: FF کاملاً مات، 80 حدود ۵۰٪ و 00 کاملاً شفاف است. جدول رنگ نمونه را با گام‌های ۵٪ نشان می‌دهد.

کدریآلفا در HEXHEXRGBA
100%ff#ff5733rgba(255, 87, 51, 1)
95%f2#ff5733f2rgba(255, 87, 51, 0.95)
90%e6#ff5733e6rgba(255, 87, 51, 0.9)
85%d9#ff5733d9rgba(255, 87, 51, 0.85)
80%cc#ff5733ccrgba(255, 87, 51, 0.8)
75%bf#ff5733bfrgba(255, 87, 51, 0.75)
70%b3#ff5733b3rgba(255, 87, 51, 0.7)
65%a6#ff5733a6rgba(255, 87, 51, 0.65)
60%99#ff573399rgba(255, 87, 51, 0.6)
55%8c#ff57338crgba(255, 87, 51, 0.55)
50%80#ff573380rgba(255, 87, 51, 0.5)
45%73#ff573373rgba(255, 87, 51, 0.45)
40%66#ff573366rgba(255, 87, 51, 0.4)
35%59#ff573359rgba(255, 87, 51, 0.35)
30%4d#ff57334drgba(255, 87, 51, 0.3)
25%40#ff573340rgba(255, 87, 51, 0.25)
20%33#ff573333rgba(255, 87, 51, 0.2)
15%26#ff573326rgba(255, 87, 51, 0.15)
10%1a#ff57331argba(255, 87, 51, 0.1)
5%0d#ff57330drgba(255, 87, 51, 0.05)
0%00#ff573300rgba(255, 87, 51, 0)

نمونه‌های تبدیل Display P3 به RGBA

رنگDisplay P3RGBA
color(display-p3 0.91749 0.20029 0.13856)rgba(255, 0, 0, 1)
color(display-p3 0.4584 0.98526 0.29829)rgba(0, 255, 0, 1)
color(display-p3 0 0 0.95959)rgba(0, 0, 255, 1)
color(display-p3 1 1 1)rgba(255, 255, 255, 1)
color(display-p3 0 0 0)rgba(0, 0, 0, 1)
color(display-p3 0.50196 0.50196 0.50196)rgba(128, 128, 128, 1)
color(display-p3 0.92577 0.38907 0.25797)rgba(255, 87, 51, 1)
color(display-p3 0.30473 0.50347 0.93383)rgba(59, 130, 246, 1)
color(display-p3 0.33254 0.71471 0.52213)rgba(16, 185, 129, 1)
color(display-p3 0.91216 0.63495 0.23045)rgba(245, 158, 11, 1)
color(display-p3 0.51827 0.3688 0.93154)rgba(139, 92, 246, 1)
color(display-p3 0.85506 0.33272 0.5918)rgba(236, 72, 153, 1)

دربارهٔ Display P3 و RGBA

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

RGBA همان RGB به‌همراه کانال آلفا برای کدری است و به شکل rgba(255, 87, 51, 0.5) نوشته می‌شود. آلفا از 0 (کاملاً شفاف) تا 1 (کاملاً مات) است. همین کدری را می‌توان با HEX هشت‌رقمی مثل #ff573380 نوشت.

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

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

پرسش و پاسخ

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

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

آیا تبدیل Display P3 به RGBA دقیق است؟

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

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

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

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

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