رنگینورصدخانه رنگ
Englishشروع با یک رنگ
رصدخانه رنگ · theme

تم dashboard بر پایه #1D4ED8

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

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

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

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

primary#1D4ED82.82:1 on background
primaryHover#2756D13:1 on background
primaryActive#1940AC2.13:1 on background
primarySubtle#DDE8FF15.36:1 on background
secondary#79419F2.76:1 on background
accent#7A5A002.96:1 on background
background#0004481:1 on background
surface#0217651.18:1 on background
surfaceRaised#0B2B871.54:1 on background
surfaceMuted#0004481:1 on background
border#1940AC2.13:1 on background
borderStrong#3970FA4.39:1 on background
text#FFFFFF18.9:1 on background
textMuted#8FB3FF9.06:1 on background
textOnPrimary#FFFFFF18.9:1 on background
link#8FB3FF9.06:1 on background
linkHover#BBD1FF12.31:1 on background
focusRing#3970FA4.39:1 on background
selection#BBD1FF12.31:1 on background
success#F86B676.56:1 on background
warning#FF82E98.66:1 on background
error#00B7A87.51:1 on background
info#AC9EFF8.18:1 on background
disabledBackground#0217651.18:1 on background
disabledText#3970FA4.39:1 on background
پیش‌نمایش کاربردی

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

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

نمای کلی فضای کاری

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

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

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

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

خروجی

کد و توکن‌ها

CSS
:root {
  --primary: #1d4ed8;
  --primary-hover: #2756d1;
  --primary-active: #1940ac;
  --primary-subtle: #dde8ff;
  --secondary: #79419f;
  --accent: #7a5a00;
  --background: #000448;
  --surface: #021765;
  --surface-raised: #0b2b87;
  --surface-muted: #000448;
  --border: #1940ac;
  --border-strong: #3970fa;
  --text: #ffffff;
  --text-muted: #8fb3ff;
  --text-on-primary: #ffffff;
  --link: #8fb3ff;
  --link-hover: #bbd1ff;
  --focus-ring: #3970fa;
  --selection: #bbd1ff;
  --success: #f86b67;
  --warning: #ff82e9;
  --error: #00b7a8;
  --info: #ac9eff;
  --disabled-background: #021765;
  --disabled-text: #3970fa;
}
JSON
{
  "type": "theme",
  "preset": "dashboard",
  "input": "1d4ed8",
  "result": "021765",
  "colors": [
    "1d4ed8",
    "2756d1",
    "1940ac",
    "dde8ff",
    "79419f",
    "7a5a00",
    "000448",
    "021765",
    "0b2b87",
    "3970fa",
    "ffffff",
    "8fb3ff",
    "bbd1ff",
    "f86b67",
    "ff82e9",
    "00b7a8",
    "ac9eff"
  ]
}
ادامه مسیر

ابزارهای مرتبط همین رنگ

صفحه اصلی رنگOKLCHمقیاس رابطگرادیان مکملتم داشبورداصلاح خواناییالگوی شبکهکیت دکمه

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

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

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

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

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