Material Design สี
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)Use the native HTML custom element.
Google's Material Design color system — the foundation of Android and Google's design language. 19 color families with 10 tonal variations plus accent shades.
190 สี
เอกสารอย่างเป็นทางการ →
Red
50
100
200
300
400
500
600
700
800
900
Pink
50
100
200
300
400
500
600
700
800
900
Purple
50
100
200
300
400
500
600
700
800
900
Deep Purple
50
100
200
300
400
500
600
700
800
900
Indigo
50
100
200
300
400
500
600
700
800
900
Blue
50
100
200
300
400
500
600
700
800
900
Light Blue
50
100
200
300
400
500
600
700
800
900
Cyan
50
100
200
300
400
500
600
700
800
900
Teal
50
100
200
300
400
500
600
700
800
900
Green
50
100
200
300
400
500
600
700
800
900
Light Green
50
100
200
300
400
500
600
700
800
900
Lime
50
100
200
300
400
500
600
700
800
900
Yellow
50
100
200
300
400
500
600
700
800
900
Amber
50
100
200
300
400
500
600
700
800
900
Orange
50
100
200
300
400
500
600
700
800
900
Deep Orange
50
100
200
300
400
500
600
700
800
900
Brown
50
100
200
300
400
500
600
700
800
900
Grey
50
100
200
300
400
500
600
700
800
900
Blue Grey
50
100
200
300
400
500
600
700
800
900