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

Xanh ô liu, xanh dương, tím và nâu: bảng màu gồm 64 màu. #4a5e31, #526677, #2255a4, #322826, #a48644. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4a5e31
#475f35
#44603b
#406241
#3d6348
#3b644f
#3b6556
#3b665c
#3d6661
#406666
#44666a
#48666d
#4b6670
#4e6672
#506674
#526675
#526677
#516679
#50667d
#4d6680
#4a6685
#456689
#3f668e
#396692
#316696
#27659a
#1c659d
#0f63a0
#0062a3
#0060a3
#005da5
#125aa5
#2255a4
#2f50a0
#3a4999
#43438f
#493d83
#4d3776
#4f3267
#4e2d59
#4c2a4b
#482840
#442636
#3f262e
#3a2529
#362627
#332626
#322826
#332a27
#362d29
#3b302c
#42352e
#493b31
#524134
#5c4837
#664f39
#70573c
#7a5f3d
#83673f
#8c6e40
#947542
#9b7c42
#a18143
#a48644

CSS

background: linear-gradient(135deg in oklch, oklch(45.28% 0.0717 128.67) 0.0%, oklch(45.46% 0.0701 132.97) 1.6%, oklch(45.71% 0.0679 138.45) 3.2%, oklch(46.00% 0.0650 144.93) 4.8%, oklch(46.34% 0.0617 152.25) 6.3%, oklch(46.71% 0.0581 160.25) 7.9%, oklch(47.10% 0.0544 168.75) 9.5%, oklch(47.50% 0.0506 177.59) 11.1%, oklch(47.91% 0.0468 186.60) 12.7%, oklch(48.31% 0.0433 195.62) 14.3%, oklch(48.68% 0.0402 204.47) 15.9%, oklch(49.03% 0.0375 213.00) 17.5%, oklch(49.34% 0.0355 221.03) 19.0%, oklch(49.61% 0.0343 228.39) 20.6%, oklch(49.81% 0.0339 234.93) 22.2%, oklch(49.95% 0.0346 240.46) 23.8%, oklch(50.01% 0.0364 244.83) 25.4%, oklch(50.04% 0.0400 247.96) 27.0%, oklch(50.05% 0.0453 249.99) 28.6%, oklch(50.05% 0.0519 251.08) 30.2%, oklch(50.02% 0.0597 251.42) 31.7%, oklch(49.96% 0.0684 251.18) 33.3%, oklch(49.86% 0.0776 250.52) 34.9%, oklch(49.73% 0.0871 249.62) 36.5%, oklch(49.56% 0.0965 248.65) 38.1%, oklch(49.34% 0.1057 247.78) 39.7%, oklch(49.07% 0.1144 247.19) 41.3%, oklch(48.74% 0.1222 247.05) 42.9%, oklch(48.36% 0.1288 247.54) 44.4%, oklch(47.91% 0.1315 248.81) 46.0%, oklch(47.38% 0.1376 251.01) 47.6%, oklch(46.78% 0.1392 254.38) 49.2%, oklch(46.08% 0.1385 259.03) 50.8%, oklch(45.11% 0.1354 264.91) 52.4%, oklch(43.89% 0.1301 271.87) 54.0%, oklch(42.47% 0.1230 279.74) 55.6%, oklch(40.90% 0.1144 288.37) 57.1%, oklch(39.24% 0.1047 297.60) 58.7%, oklch(37.54% 0.0941 307.29) 60.3%, oklch(35.84% 0.0830 317.28) 61.9%, oklch(34.20% 0.0718 327.40) 63.5%, oklch(32.66% 0.0606 337.52) 65.1%, oklch(31.29% 0.0500 347.46) 66.7%, oklch(30.13% 0.0402 357.08) 68.3%, oklch(29.23% 0.0315 6.22) 69.8%, oklch(28.65% 0.0243 14.73) 71.4%, oklch(28.43% 0.0189 22.44) 73.0%, oklch(28.62% 0.0156 29.22) 74.6%, oklch(29.30% 0.0146 35.11) 76.2%, oklch(30.48% 0.0153 40.56) 77.8%, oklch(32.11% 0.0176 45.61) 79.4%, oklch(34.12% 0.0213 50.29) 81.0%, oklch(36.44% 0.0261 54.62) 82.5%, oklch(39.00% 0.0318 58.61) 84.1%, oklch(41.74% 0.0382 62.29) 85.7%, oklch(44.59% 0.0451 65.68) 87.3%, oklch(47.49% 0.0523 68.79) 88.9%, oklch(50.36% 0.0595 71.65) 90.5%, oklch(53.15% 0.0666 74.28) 92.1%, oklch(55.78% 0.0733 76.69) 93.7%, oklch(58.18% 0.0795 78.92) 95.2%, oklch(60.29% 0.0848 80.97) 96.8%, oklch(62.05% 0.0892 82.87) 98.4%, oklch(63.39% 0.0923 84.64) 100.0%);

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

Darecations

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