Xanh chanh, tím đậm và xanh lá (gradient tuyến tính)

Gradient tuyến tính, 64 màu, góc 135°: #83f319, #b75f70, #391b2a, #8f313b, #92cb3a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#83f319
#99ea00
#aee100
#bed600
#cbcb00
#d5c000
#deb400
#e4a800
#ea9a00
#ef8c00
#ee8028
#e87843
#e07154
#d66b60
#cc6769
#c1636e
#b75f70
#ad5b70
#a2576e
#97526a
#8b4d65
#814760
#764259
#6c3c53
#62374c
#5a3246
#522d40
#4b283a
#452535
#402131
#3c1e2e
#3a1c2b
#391b2a
#391b2a
#3a1a2a
#3d1a2b
#411b2d
#451c2f
#4a1d32
#501e34
#572037
#5f2239
#66243b
#6f263d
#77283e
#7f2b3e
#872e3d
#8f313b
#963537
#9e3a31
#a64029
#ad491c
#b45200
#b46000
#b56d00
#b67a00
#b68600
#b59100
#b39d00
#afa800
#a9b200
#a2bc02
#9ac428
#92cb3a

CSS

background: linear-gradient(135deg in oklch, oklch(86.22% 0.2467 135.00) 0.0%, oklch(85.29% 0.2308 130.36) 1.6%, oklch(84.19% 0.2102 124.47) 3.2%, oklch(82.94% 0.1921 117.51) 4.8%, oklch(81.54% 0.1776 109.65) 6.3%, oklch(80.01% 0.1670 101.07) 7.9%, oklch(78.38% 0.1603 91.94) 9.5%, oklch(76.65% 0.1578 82.44) 11.1%, oklch(74.84% 0.1596 72.74) 12.7%, oklch(72.97% 0.1664 63.03) 14.3%, oklch(71.05% 0.1642 53.48) 15.9%, oklch(69.10% 0.1545 44.25) 17.5%, oklch(67.13% 0.1452 35.53) 19.0%, oklch(65.15% 0.1363 27.49) 20.6%, oklch(63.19% 0.1281 20.30) 22.2%, oklch(61.26% 0.1207 14.14) 23.8%, oklch(59.37% 0.1142 9.17) 25.4%, oklch(57.31% 0.1080 5.00) 27.0%, oklch(55.06% 0.1018 1.41) 28.6%, oklch(52.64% 0.0957 358.35) 30.2%, oklch(50.12% 0.0897 355.80) 31.7%, oklch(47.52% 0.0840 353.71) 33.3%, oklch(44.90% 0.0785 352.03) 34.9%, oklch(42.30% 0.0734 350.73) 36.5%, oklch(39.76% 0.0686 349.77) 38.1%, oklch(37.32% 0.0643 349.10) 39.7%, oklch(35.04% 0.0605 348.69) 41.3%, oklch(32.95% 0.0572 348.49) 42.9%, oklch(31.11% 0.0546 348.47) 44.4%, oklch(29.54% 0.0526 348.58) 46.0%, oklch(28.31% 0.0513 348.78) 47.6%, oklch(27.44% 0.0509 349.03) 49.2%, oklch(26.98% 0.0513 349.31) 50.8%, oklch(26.88% 0.0529 349.68) 52.4%, oklch(27.09% 0.0555 350.16) 54.0%, oklch(27.58% 0.0591 350.79) 55.6%, oklch(28.33% 0.0634 351.58) 57.1%, oklch(29.31% 0.0684 352.56) 58.7%, oklch(30.49% 0.0740 353.75) 60.3%, oklch(31.84% 0.0799 355.17) 61.9%, oklch(33.33% 0.0862 356.85) 63.5%, oklch(34.93% 0.0926 358.81) 65.1%, oklch(36.61% 0.0990 1.07) 66.7%, oklch(38.35% 0.1053 3.65) 68.3%, oklch(40.12% 0.1114 6.58) 69.8%, oklch(41.88% 0.1172 9.87) 71.4%, oklch(43.60% 0.1224 13.56) 73.0%, oklch(45.27% 0.1271 17.66) 74.6%, oklch(46.93% 0.1312 22.38) 76.2%, oklch(48.80% 0.1353 28.05) 77.8%, oklch(50.84% 0.1394 34.55) 79.4%, oklch(53.03% 0.1435 41.75) 81.0%, oklch(55.32% 0.1474 49.46) 82.5%, oklch(57.68% 0.1387 57.59) 84.1%, oklch(60.07% 0.1338 65.98) 85.7%, oklch(62.47% 0.1321 74.48) 87.3%, oklch(64.84% 0.1333 82.93) 88.9%, oklch(67.14% 0.1373 91.20) 90.5%, oklch(69.33% 0.1438 99.13) 92.1%, oklch(71.39% 0.1527 106.58) 93.7%, oklch(73.28% 0.1639 113.41) 95.2%, oklch(74.96% 0.1766 119.46) 96.8%, oklch(76.40% 0.1787 124.59) 98.4%, oklch(77.56% 0.1805 128.66) 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