Dibuat di 07/10/2025 08:32
Contrast Optimized Devkit
- Keyword Blue#264653
- Panel Vanilla#f7eedd
- Accent Red#e63946
- Tooltip Navy#2a2e45
- Readable Green#a8e6cf
- Highlight Orange#ffa36c
- Drawer White#ffffff
Palet terdiri dari Lampu, Setengah gelap, Gelap warna. Warna aksen Readable Green #a8e6cf Dan Highlight Orange #ffa36c. Palet memiliki suhu warna Dingin, Netral, Hangat.
Menurut kecerahan, palet ini dari #2A2E45 (paling gelap) ke #FFFFFF (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi).
Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).
Secara keseluruhan suhu warna condong ke dingin.
Kode HEX (diurutkan): #264653, #2A2E45, #A8E6CF, #E63946, #F7EEDD, #FFA36C, #FFFFFF
Palette Contrast Optimized Devkit memiliki kombinasi warna kode 7:
HEX: #264653, RGB: (38, 70, 83); HEX: #f7eedd, RGB: (247, 238, 221); HEX: #e63946, RGB: (230, 57, 70)
HEX: #2a2e45, RGB: (42, 46, 69); HEX: #a8e6cf, RGB: (168, 230, 207); HEX: #ffa36c, RGB: (255, 163, 108)
HEX: #ffffff, RGB: (255, 255, 255)
Versi warna palet yang disederhanakan
Warna dari darkslategrey, Warna dari oldlace, Bayangan dari crimson, Bayangan dari midnightblue, Warna dari paleturquoise, Bayangan dari lightsalmon, Putih
Skema warna diciptakan oleh colourlock
Kode warna dalam palet
Contrast Optimized Devkit kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #264653 | #264653 | RGB(38, 70, 83) | Keyword Blue | — |
| #f7eedd | #f7eedd | RGB(247, 238, 221) | Panel Vanilla | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Accent Red | — |
| #2a2e45 | #2a2e45 | RGB(42, 46, 69) | Tooltip Navy | — |
| #a8e6cf | #a8e6cf | RGB(168, 230, 207) | Readable Green | — |
| #ffa36c | #ffa36c | RGB(255, 163, 108) | Highlight Orange | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Drawer White | White |
Kontras Palet Warna
7 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#264653 | #2a2e45 | 1.32 |
#f7eedd | #a8e6cf | 1.22 |
#f7eedd | #ffa36c | 1.7 |
#f7eedd | #ffffff | 1.15 |
#a8e6cf | #ffa36c | 1.39 |
#a8e6cf | #ffffff | 1.41 |
Palet gambar Contrast Optimized Devkit png
Ekspor Palet
Unduh "Contrast Optimized Devkit" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: