Disenyo

Tagabuo ng mga Color Shades

Mga tints at shades ng anumang kulay.

Mga fixed token na 50–950; 50 ang pinakamaliwanag, 950 ang pinakamadilim, at 500 ang eksaktong input color.

  

Mga proporsyon ng UI? Kalkulator ng Aspect Ratio · harmoniya: Generator ng Color Palette · WCAG: Checker ng Contrast ng Kulay.

Bumuo ng color palette

Gumawa ng fixed at perceptual na 50–950 design-system scale o custom na tint/shade step, saka kopyahin ang CSS custom properties o i-download ang JSON.

Mga Madalas Itanong

Ano ang tint at shade?

Ang tint ay mas maliwanag na variation at ang shade ay mas madilim na variation. Ina-adjust ng tool na ito ang perceptual OKLCH lightness at chroma sa halip na i-interpolate ang encoded sRGB channels.

Paano kopyahin ang isang kulay?

I-click ang anumang swatch para kopyahin ang HEX value nito. Gamitin ang “Kopyahin ang CSS variables” o “I-download ang JSON” para i-export ang buong scale.

Para saan ito kapaki-pakinabang?

Gumawa ng mga color palette at design-system scale mula sa isang brand color — i-export bilang CSS custom properties o Tailwind-style tokens.

Huling na-update: