Giriş yap

Renk

Renk Rampası

Tek marka renginden 50–900 açık→koyu ton skalası üret; kopyala, kaydet, .ase al.

HSL 263° · 70% · 50%

50
100
200
300
400
500
600baz
700
800
900
950
CSS değişkenleri
:root {
  --brand-50: #F7F4FB;
  --brand-100: #EBE4F6;
  --brand-200: #D4C3EF;
  --brand-300: #B99BE8;
  --brand-400: #9B6EE3;
  --brand-500: #7C40DD;
  --brand-600: #6424CC;
  --brand-700: #541FA8;
  --brand-800: #431B83;
  --brand-900: #321660;
  --brand-950: #231141;
}
Tailwind
{
  '50': '#F7F4FB',
  '100': '#EBE4F6',
  '200': '#D4C3EF',
  '300': '#B99BE8',
  '400': '#9B6EE3',
  '500': '#7C40DD',
  '600': '#6424CC',
  '700': '#541FA8',
  '800': '#431B83',
  '900': '#321660',
  '950': '#231141'
}
JSON
[
  {
    "name": "brand-50",
    "hex": "#F7F4FB"
  },
  {
    "name": "brand-100",
    "hex": "#EBE4F6"
  },
  {
    "name": "brand-200",
    "hex": "#D4C3EF"
  },
  {
    "name": "brand-300",
    "hex": "#B99BE8"
  },
  {
    "name": "brand-400",
    "hex": "#9B6EE3"
  },
  {
    "name": "brand-500",
    "hex": "#7C40DD"
  },
  {
    "name": "brand-600",
    "hex": "#6424CC"
  },
  {
    "name": "brand-700",
    "hex": "#541FA8"
  },
  {
    "name": "brand-800",
    "hex": "#431B83"
  },
  {
    "name": "brand-900",
    "hex": "#321660"
  },
  {
    "name": "brand-950",
    "hex": "#231141"
  }
]

Rampayı kaydetmek için giriş yap.

Uygulamada nasıl?
  1. 1Swatches panelini aç (Window > Swatches).
  2. 2Her renk için 'New Swatch' → HEX/RGB değerini gir: #F7F4FB, #EBE4F6, #D4C3EF, #B99BE8, #9B6EE3, #7C40DD, #6424CC, #541FA8, #431B83, #321660, #231141.
  3. 3Baskı için swatch tipini CMYK olarak ayarla.