Renk seçiciye geç

Display P3 → HSB / HSV dönüştürücü

Bir Display P3 değeri yapıştırın, HSB / HSV karşılığını anında alın. Diğer formatlar da çalışır.

Algılanan: CSS color()

HSB / HSV değerihsv(10.59 80% 100%)
HSB / HSV → Display P3

Rengi ayarla

11°
%100

%68
0,210
34°

Diğer tüm formatlar

Display P3 → HSB / HSV örnekleri

RenkDisplay 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 ve HSB / HSV hakkında

Display P3, modern Apple ekranlarının ve birçok telefonun geniş renk gamıdır. sRGB’den yaklaşık %25 daha fazla renge ulaşır ve color(display-p3 r g b) şeklinde yazılır.

HSB olarak da bilinen HSV; renk özü, doygunluk ve parlaklık (value) kullanır. Photoshop, Figma ve çoğu renk seçici kare seçim alanında bunu kullanır.

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

Display P3 değerini okuyup CSS Color 4 spesifikasyonundaki matrislerle CIE XYZ’ye, oradan da HSB / HSV 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

Display P3 değerini HSB / HSV formatına nasıl dönüştürürüm?

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

Display P3 → HSB / HSV 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.