Generator Palet Warna
Hasilkan palet warna yang lengkap dan konsisten mengikuti standar desain Angular Material. Cukup masukkan warna dasar Anda!
Palet warna dan rekomendasi berhasil dihasilkan!
Pengaturan Palet
Autosave
Rekomendasi Warna
Warna Utama
Warna Sekunder
Warna Tersier
Warna Netral (Terang)
Warna Netral (Gelap)
Warna Komplementer
Warna Aksen
Warna Error
Palet yang Dihasilkan
0#000000
4#000814
6#000C1F
10#001333
12#00173D
17#002157
20#002766
22#002B70
24#002E7A
25#003080
30#003A99
35#0044B3
40#004DCC
50#0061FF
60#3380FF
70#66A0FF
80#99C0FF
87#BDD6FF
90#CCDFFF
92#D6E6FF
94#E0ECFF
95#E5EFFF
96#EBF2FF
98#F5F9FF
99#FAFCFF
100#FFFFFF
Pratinjau Tema Landing Page
Rupa Kode
FiturManfaat
Judul Menarik
Slogan yang informatif di sini.
Fitur Utama
Fitur 1 Silakan masukkan detail lengkap mengenai fitur utama yang akan dijelaskan di sini. Pastikan untuk mencakup fungsi inti dari fitur ini, bagaimana cara kerjanya secara sederhana.
Fitur 2 Silakan masukkan detail lengkap mengenai fitur utama yang akan dijelaskan di sini. Pastikan untuk mencakup fungsi inti dari fitur ini, bagaimana cara kerjanya secara sederhana.
Fitur 3 Silakan masukkan detail lengkap mengenai fitur utama yang akan dijelaskan di sini. Pastikan untuk mencakup fungsi inti dari fitur ini, bagaimana cara kerjanya secara sederhana.
© 2025 Rupa Kode
Kode Palet (Sass/SCSS)
$palettes: (
primary: (
0: #000000,
4: #000814,
6: #000c1f,
10: #001333,
12: #00173d,
17: #002157,
20: #002766,
22: #002b70,
24: #002e7a,
25: #003080,
30: #003a99,
35: #0044b3,
40: #004dcc,
50: #0061ff,
60: #3380ff,
70: #66a0ff,
80: #99c0ff,
87: #bdd6ff,
90: #ccdfff,
92: #d6e6ff,
94: #e0ecff,
95: #e5efff,
96: #ebf2ff,
98: #f5f9ff,
99: #fafcff,
100: #ffffff
),
secondary: (
0: #000000,
4: #0d0014,
6: #13001f,
10: #200033,
12: #26003d,
17: #360057,
20: #3f0066,
22: #460070,
24: #4c007a,
25: #4f0080,
30: #5f0099,
35: #6f00b3,
40: #7e00cc,
50: #9e00ff,
60: #b133ff,
70: #c566ff,
80: #d899ff,
87: #e6bdff,
90: #ecccff,
92: #efd6ff,
94: #f3e0ff,
95: #f5e5ff,
96: #f7ebff,
98: #fbf5ff,
99: #fdfaff,
100: #ffffff
),
tertiary: (
0: #000000,
4: #140008,
6: #1f000c,
10: #330013,
12: #3d0017,
17: #570021,
20: #660027,
22: #70002b,
24: #7a002f,
25: #800031,
30: #99003a,
35: #b30044,
40: #cc004e,
50: #ff0061,
60: #ff3381,
70: #ff66a0,
80: #ff99c0,
87: #ffbdd6,
90: #ffccdf,
92: #ffd6e6,
94: #ffe0ec,
95: #ffe5ef,
96: #ffebf2,
98: #fff5f9,
99: #fffafc,
100: #ffffff
),
neutral: (
0: #000000,
4: #0a0c0e,
6: #101215,
10: #1a1d23,
12: #1f232a,
17: #2c323c,
20: #343b46,
22: #39414d,
24: #3e4754,
25: #414958,
30: #4e586a,
35: #5b677b,
40: #68768d,
50: #8a95a8,
60: #a1aaba,
70: #b9bfcb,
80: #d0d5dc,
87: #e1e3e8,
90: #e8eaee,
92: #eceef1,
94: #f1f2f5,
95: #f3f4f6,
96: #f6f7f8,
98: #fafbfc,
99: #fdfdfd,
100: #ffffff
),
neutral-variant: (
0: #000000,
4: #07090b,
6: #0b0d11,
10: #12161c,
12: #161a21,
17: #1f252f,
20: #252c37,
22: #28303d,
24: #2c3442,
25: #2e3645,
30: #374153,
35: #404c60,
40: #49576e,
50: #5c6d8a,
60: #7889a5,
70: #9aa6bc,
80: #bcc4d2,
87: #d3d9e2,
90: #dde1e9,
92: #e4e7ed,
94: #ebedf2,
95: #eef0f4,
96: #f2f3f6,
98: #f8f9fb,
99: #fcfcfd,
100: #ffffff
),
error: (
0: #000000,
4: #140206,
6: #1e0308,
10: #32060e,
12: #3d0711,
17: #560a17,
20: #650b1c,
22: #6f0c1e,
24: #790d21,
25: #7e0e22,
30: #971129,
35: #b11430,
40: #ca1637,
50: #e83052,
60: #ed5a74,
70: #f18397,
80: #f6acba,
87: #f9c9d2,
90: #fad6dc,
92: #fbdee3,
94: #fce6ea,
95: #fdeaee,
96: #fdeef1,
98: #fef7f8,
99: #fffbfc,
100: #ffffff
),
);