رصدخانه رنگ · ui-color

کیت رنگ button برای #1D4ED8

حالت‌ها از روشنایی، کروما و کنتراست واقعی رنگ پایه مشتق شده‌اند.

داده‌های محاسبه‌شده

مختصات و نتیجه

همه خروجی‌ها مستقیماً از ورودی رنگ و تبدیل‌های عددی با دقت اعشاری محاسبه شده‌اند.

default#1D4ED86.7:1
hover#2756D16.29:1
active#1940AC8.86:1
subtle#DDE8FF1.23:1
text#FFFFFF6.7:1
border#BBD1FF1.54:1
پیش‌نمایش کاربردی

نور، سطح و رابط

نمونه کاربردی · button

پیش‌نمایش واقعی نتیجه

حالت‌ها از روشنایی، کروما و کنتراست واقعی رنگ پایه مشتق شده‌اند.

آزمون زمینه دوم

رفتار در محیط تاریک

همه خروجی‌ها مستقیماً از ورودی رنگ و تبدیل‌های عددی با دقت اعشاری محاسبه شده‌اند.

خروجی

کد و توکن‌ها

CSS
--control: #1d4ed8;
--control-hover: #2756d1;
--control-active: #1940ac;
--control-subtle: #dde8ff;
--control-text: #ffffff;
JSON
{
  "type": "ui-color",
  "preset": "button",
  "input": "1d4ed8",
  "result": "1d4ed8",
  "colors": [
    "1d4ed8",
    "2756d1",
    "1940ac",
    "dde8ff",
    "ffffff",
    "bbd1ff"
  ]
}

پرسش‌های متداول

این نتیجه چگونه محاسبه می‌شود؟

همه خروجی‌ها مستقیماً از ورودی رنگ و تبدیل‌های عددی با دقت اعشاری محاسبه شده‌اند.

آیا نتیجه همیشه دسترس‌پذیر است؟

خیر. نسبت کنتراست در زمینه نهایی باید اندازه‌گیری شود؛ نتیجه‌های این صفحه ادعای دسترس‌پذیری عمومی ندارند.