https://material.io/design/material-theming/implementing-your-theme.html#color
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
material.io
๋ฉํ ๋ฆฌ์ผ ๋์์ธ์ ์ฌ์ฉ ๊ท์น์ด ์ง์ ๋์ด ์์ต๋๋ค. ํ์ดํฌ๊ทธ๋ํผ, ์ปฌ๋ฌ ํ๋ ํธ, ์ ๋๋ฉ์ด์ ๋ฑ๋ฑ...
00. ์ปฌ๋ฌ ํ๋ ํธ
ํนํ, ์ปฌ๋ฌ ํ๋ ํธ๋ ์๋์ ๊ฐ์ด ๊ฐ๊ฐ์ ์์ ์ ์ํฉ๋๋ค.
๋ณธ์ธ์ ํ๋ก์ ํธ์ ์์ ๋ง์ถฐ ์์ ์ ์ํด์ฃผ์๋ฉด ๋ฉ๋๋ค.
1. Primary
2. Primary Variant
3. Secondary
4. Secondary Variant
5. Background
6. Surface
7. Error
8. On Primary
9. On Secondary
10. On Background
11. On Surface
12. On Error
01. React
https://bareynol.github.io/mui-theme-creator/
Material UI Theme Creator
Kick off your next, great Material-UI project with a customized theme.
bareynol.github.io
๋ณธ์ธ์ด ์ปค์คํฐ๋ง์ด์งํ ์ปฌ๋ฌ ํ๋ ํธ(์ธ์๋ ๋ค์ํ theme)๋ฅผ ์์ค์ฝ๋๋ก ์ ๊ณตํด์ฃผ์ด, ๊ฐํธํ๊ฒ theme ๊ตฌํ์ด ๊ฐ๋ฅํฉ๋๋ค.
02. Figma
https://www.figma.com/community/plugin/740832935938649295/Color-Palettes
Color Palettes | Figma Community
Figma Community plugin - Find the best color palette from the huge list of best color palettes Fill beautiful color from “Color Palettes plugin” straight into your design. With Color Palettes for Figma, you can search for your favorite color code, pale
www.figma.com
ํผ๊ทธ๋ง์์ ์ปฌ๋ฌํ๋ ํธ๋ฅผ ์ด์ฉํ์ฌ, ํ๋ก์ ํธ ๋์์ธ์ ์งํํ ์ ์์ต๋๋ค.
๐ ๐