Be, đen, cam và nâu vàng (tương đồng) (gradient tuyến tính)

Be, đen, cam và nâu vàng (tương đồng): bảng màu gồm 32 màu. #f3e0ae, #70421a, #8d5927, #5a2c12, #f1c77c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 6 keyframe OKLCH chỉnh sửa được.

#f3e0ae
#ead29f
#dfc089
#d1aa70
#c29357
#b17c40
#a0682e
#8b5622
#70421a
#532f13
#3a200d
#28150a
#201108
#26150a
#3e2412
#623c1d
#8d5927
#b47530
#cf8834
#d58b34
#c47b2f
#a36126
#7d441c
#5a2c12
#431e0b
#3f1d0c
#4e2b17
#6b4428
#91663e
#b98c56
#dbaf6c
#f1c77c

CSS

background: linear-gradient(225deg in oklch, oklch(90.94% 0.0675 88.59) 0.0%, oklch(87.24% 0.0723 85.79) 3.2%, oklch(82.15% 0.0798 81.81) 6.5%, oklch(76.11% 0.0884 77.13) 9.7%, oklch(69.55% 0.0962 72.25) 12.9%, oklch(62.93% 0.1015 67.66) 16.1%, oklch(56.68% 0.1024 63.86) 19.4%, oklch(50.28% 0.0966 60.87) 22.6%, oklch(42.56% 0.0837 58.06) 25.8%, oklch(34.54% 0.0670 55.57) 29.0%, oklch(27.30% 0.0502 53.56) 32.3%, oklch(21.95% 0.0367 52.17) 35.5%, oklch(19.56% 0.0302 51.58) 38.7%, oklch(21.55% 0.0342 52.15) 41.9%, oklch(28.87% 0.0489 54.44) 45.2%, oklch(39.49% 0.0704 57.78) 48.4%, oklch(51.14% 0.0940 61.39) 51.6%, oklch(61.57% 0.1153 64.48) 54.8%, oklch(68.52% 0.1299 66.28) 58.1%, oklch(69.75% 0.1336 65.94) 61.3%, oklch(64.71% 0.1265 62.93) 64.5%, oklch(55.62% 0.1123 58.21) 67.7%, oklch(44.92% 0.0947 52.95) 71.0%, oklch(35.05% 0.0774 48.31) 74.2%, oklch(28.45% 0.0643 45.46) 77.4%, oklch(27.54% 0.0589 45.58) 80.6%, oklch(32.90% 0.0612 49.17) 83.9%, oklch(42.61% 0.0684 55.26) 87.1%, oklch(54.68% 0.0784 62.68) 90.3%, oklch(67.10% 0.0892 70.25) 93.5%, oklch(77.89% 0.0987 76.82) 96.8%, oklch(85.04% 0.1047 81.20) 100.0%);

Trong các bộ sưu tập này

Màu đồi mồi

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động