카테고리
용어 사전
찜장바구니

장바구니 0개

뒤로

색 체계

출처Design-system color scales (official npm packages) 13

상품 13개1–13번째 / 13개

  • Tailwind CSS colors

    Tailwind CSS에 들어 있는 기본 색 단계표(50~950). 클래스 이름으로 바로 쓴다.

    tailwindcss (npm 4.3.3)5.6억MIT

  • Bootstrap 5 colors

    Bootstrap 5의 기본 색과 회색 단계. 나머지 단계는 Sass 함수로 섞어 만든다.

    bootstrap (npm 5.3.8)2475만MIT

  • Ant Design colors

    Ant Design의 기본 색 단계표(1~10). 기업용 관리 화면에서 많이 쓴다.

    @ant-design/colors (npm 8.0.1)1824만MIT

  • Radix Colors

    접근성을 맞춰 설계한 12단계 색 체계. 밝은·어두운 모드 짝이 함께 있다.

    @radix-ui/colors (npm 3.0.0)1242만MIT

  • Mantine colors

    Mantine의 기본 색 단계표(0~9). Open Color를 바탕으로 한다.

    @mantine/core (npm 9.7.3)1082만MIT

  • Chakra UI colors

    Chakra UI v3의 기본 색 단계표(50~950).

    @chakra-ui/react (npm 3.37.0)657만MIT

  • Open Color

    화면 디자인용으로 고른 13가지 색 × 10단계. 한국 개발자(heeyeun)가 만들었다.

    open-color (npm 1.9.1)265만MIT

  • Microsoft Fluent 2 colors

    마이크로소프트 Fluent 2의 회색 단계와 공용 색(shade·tint).

    @fluentui/tokens (npm 1.0.0-alpha.24)194만MIT

  • IBM Carbon colors

    IBM Carbon 디자인 시스템의 색 단계표(10~100).

    @carbon/colors (npm 11.60.0)85만Apache-2.0

  • Primer color scales (GitHub)

    GitHub 화면에 쓰는 Primer 디자인 시스템의 기본 색 단계표.

    @primer/primitives (npm 11.10.0)46만MIT

  • Open Props colors

    CSS 변수로 바로 쓰는 색 단계표(Open Color 바탕, 0~12).

    open-props (npm 1.7.23)14만MIT

  • Adobe Spectrum color palette

    Adobe Spectrum 디자인 시스템의 색 단계표. 밝은·어두운 모드 값이 따로 있다.

    @adobe/spectrum-tokens (npm 15.6.0)4.5만Apache-2.0

필터

출처
라이선스