Xanh dương, tím, nâu và xám (gradient tuyến tính)

Gradient tuyến tính, 48 màu, góc 135°: #487b9a, #5a2f41, #d0cf9c, #a9d1c1, #374851. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

5 keyframe OKLCH chỉnh sửa được.

#487b9a
#497698
#4a6f94
#4b668e
#4c5c87
#4d527e
#4e4973
#4e4069
#4f385e
#503254
#512e4c
#542d45
#5a2f41
#623440
#6c3c42
#794845
#87564a
#956652
#a3775a
#b08965
#bc9b70
#c5ac7c
#ccba88
#d0c793
#d0cf9c
#d0d6a4
#cedcab
#cce0b2
#cae2b8
#c7e3bc
#c3e3c0
#bfe2c2
#badfc3
#b5dcc4
#afd7c3
#a9d1c1
#a1cabd
#98c0b7
#8db4af
#82a7a5
#76999a
#6a8a8e
#5f7c81
#546e75
#4b626a
#43575f
#3c4e57
#374851

CSS

background: linear-gradient(135deg in oklch, oklch(55.91% 0.0730 236.95) 0.0%, oklch(54.71% 0.0727 242.61) 2.1%, oklch(52.90% 0.0723 249.72) 4.3%, oklch(50.65% 0.0718 258.06) 6.4%, oklch(48.10% 0.0713 267.44) 8.5%, oklch(45.43% 0.0707 277.61) 10.6%, oklch(42.79% 0.0701 288.39) 12.8%, oklch(40.34% 0.0695 299.54) 14.9%, oklch(38.23% 0.0690 310.86) 17.0%, oklch(36.65% 0.0685 322.12) 19.1%, oklch(35.73% 0.0680 333.12) 21.3%, oklch(35.64% 0.0677 343.64) 23.4%, oklch(36.55% 0.0675 353.50) 25.5%, oklch(38.65% 0.0675 3.32) 27.7%, oklch(41.80% 0.0677 13.34) 29.8%, oklch(45.78% 0.0680 23.48) 31.9%, oklch(50.40% 0.0684 33.65) 34.0%, oklch(55.43% 0.0689 43.79) 36.2%, oklch(60.66% 0.0693 53.80) 38.3%, oklch(65.87% 0.0697 63.61) 40.4%, oklch(70.86% 0.0699 73.13) 42.6%, oklch(75.41% 0.0699 82.30) 44.7%, oklch(79.31% 0.0697 91.02) 46.8%, oklch(82.34% 0.0693 99.22) 48.9%, oklch(84.40% 0.0684 106.82) 51.1%, oklch(85.97% 0.0673 113.83) 53.2%, oklch(87.16% 0.0660 120.33) 55.3%, oklch(87.98% 0.0644 126.40) 57.4%, oklch(88.45% 0.0627 132.10) 59.6%, oklch(88.57% 0.0608 137.52) 61.7%, oklch(88.37% 0.0588 142.72) 63.8%, oklch(87.84% 0.0567 147.80) 66.0%, oklch(87.00% 0.0547 152.82) 68.1%, oklch(85.86% 0.0526 157.86) 70.2%, oklch(84.44% 0.0506 163.00) 72.3%, oklch(82.75% 0.0487 168.31) 74.5%, oklch(80.61% 0.0468 173.89) 76.6%, oklch(77.70% 0.0448 179.78) 78.7%, oklch(74.13% 0.0427 185.86) 80.9%, oklch(70.08% 0.0405 192.05) 83.0%, oklch(65.69% 0.0383 198.22) 85.1%, oklch(61.13% 0.0362 204.27) 87.2%, oklch(56.56% 0.0341 210.09) 89.4%, oklch(52.12% 0.0321 215.58) 91.5%, oklch(47.99% 0.0303 220.62) 93.6%, oklch(44.32% 0.0287 225.11) 95.7%, oklch(41.26% 0.0273 228.95) 97.9%, oklch(38.98% 0.0262 232.02) 100.0%);

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