Menghasilkan Palet
  1. Palet warna
  2. Web design ui colors palette

Web design ui colors palette

  • #f5b434
  • #fc7cc4
  • #2f2c68
  • #a88057
  • #a6a8c8
  • #366c7a
  0.15k
Dibuat pada 11/17/2021 16:04
olehcolorswall
Palet terdiri dari Terang, Gelap, Setengah gelap warna. Warna aksen #fc7cc4 dan #366c7a. Palet memiliki suhu warna Hangat, Dingin.

Menurut kecerahan, palet ini dari #2F2C68 (paling gelap) ke #F5B434 (paling terang). Rentang kecerahan sedang.

Saturasi campuran — 1 redup dan 2 cerah dari 6 warna.

Beberapa warna hampir berseberangan di roda warna, memberi palet ini kontras komplementer.

Nada hangat dan dingin cukup seimbang (3 hangat, 3 dingin).

Kode HEX (diurutkan): #2F2C68, #366C7A, #A6A8C8, #A88057, #F5B434, #FC7CC4

Palet Web design ui colors palette menggabungkan 6 kode warna:
HEX: #f5b434, RGB: (245, 180, 52); HEX: #fc7cc4, RGB: (252, 124, 196); HEX: #2f2c68, RGB: (47, 44, 104)
HEX: #a88057, RGB: (168, 128, 87); HEX: #a6a8c8, RGB: (166, 168, 200); HEX: #366c7a, RGB: (54, 108, 122)
Versi warna palet yang disederhanakan
Nuansa terang dari Kuning emas, Nuansa terang dari Merah jambu cerah, Nuansa terang dari Biru tengah malam, Nuansa gelap dari Peru, Nuansa gelap dari Biru baja muda, Nuansa terang dari Hijau kebiruan
Skema warna diciptakan oleh colorswall

Kode warna dalam palet

Web design ui colors palette kode warna HEX, informasi RGB dalam tabel

Warna HEX RGB Nama nama alternatif
#f5b434 #f5b434 RGB(245, 180, 52)——
#fc7cc4 #fc7cc4 RGB(252, 124, 196)——
#2f2c68 #2f2c68 RGB(47, 44, 104)——
#a88057 #a88057 RGB(168, 128, 87)——
#a6a8c8 #a6a8c8 RGB(166, 168, 200)——
#366c7a #366c7a RGB(54, 108, 122)——

Kontras Palet Warna

7 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teks Warna latar belakang Rasio Kontras
#f5b434
#fc7cc4
1.29
#f5b434
#a88057
1.94
#f5b434
#a6a8c8
1.26
#fc7cc4
#a88057
1.49
#fc7cc4
#a6a8c8
1.02
#a88057
#a6a8c8
1.53

Palet gambar Web design ui colors palette png

Web design ui colors palette: #f5b434, #fc7cc4, #2f2c68, #a88057, #a6a8c8, #366c7a
 Unduh gambar