Xanh dương, vàng mù tạt, xanh lá và đỏ tông rực rỡ (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 135°: #2174c3, #8fae46, #b9c22f, #aaa200, #8c2153. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #2174c3
- #0b78c3
- #007cbd
- #0081b6
- #0086af
- #008aaa
- #008fa5
- #00949f
- #00999a
- #009e93
- #00a48b
- #00a97f
- #32ac72
- #51ae66
- #69ae5a
- #7eae4f
- #8fae46
- #9eae3e
- #abad38
- #b6ac34
- #bfac32
- #c6ab31
- #caab30
- #ceac2f
- #d0ad2e
- #d1af2d
- #d1b12b
- #cfb32a
- #cdb628
- #c9b928
- #c5bc29
- #bfbf2c
- #b9c22f
- #b2c534
- #abc739
- #a4c93e
- #9ccb42
- #95cc45
- #90cc47
- #8bcb47
- #89ca45
- #89c840
- #8cc437
- #91c028
- #97ba0c
- #9eb300
- #a5ab00
- #aaa200
- #ad9900
- #b08f00
- #b28600
- #b37c00
- #b47100
- #b56600
- #b65a00
- #b84b00
- #b5411b
- #af392b
- #a93337
- #a22d3f
- #9c2946
- #96264b
- #902350
- #8c2153
CSS
background: linear-gradient(135deg in oklch, oklch(55.12% 0.1447 251.72) 0.0%, oklch(55.64% 0.1445 247.47) 1.6%, oklch(56.28% 0.1341 242.23) 3.2%, oklch(57.02% 0.1228 236.05) 4.8%, oklch(57.86% 0.1141 229.08) 6.3%, oklch(58.77% 0.1081 221.42) 7.9%, oklch(59.75% 0.1046 213.18) 9.5%, oklch(60.79% 0.1037 204.48) 11.1%, oklch(61.87% 0.1055 195.43) 12.7%, oklch(62.99% 0.1104 186.14) 14.3%, oklch(64.12% 0.1192 176.72) 15.9%, oklch(65.26% 0.1333 167.28) 17.5%, oklch(66.40% 0.1378 157.94) 19.0%, oklch(67.52% 0.1373 148.80) 20.6%, oklch(68.61% 0.1369 139.98) 22.2%, oklch(69.66% 0.1365 131.58) 23.8%, oklch(70.65% 0.1363 123.72) 25.4%, oklch(71.58% 0.1363 116.51) 27.0%, oklch(72.44% 0.1364 110.06) 28.6%, oklch(73.20% 0.1367 104.48) 30.2%, oklch(73.86% 0.1371 99.88) 31.7%, oklch(74.41% 0.1378 96.38) 33.3%, oklch(74.89% 0.1388 94.05) 34.9%, oklch(75.36% 0.1401 92.84) 36.5%, oklch(75.82% 0.1417 92.63) 38.1%, oklch(76.25% 0.1435 93.30) 39.7%, oklch(76.66% 0.1456 94.74) 41.3%, oklch(77.03% 0.1478 96.83) 42.9%, oklch(77.37% 0.1502 99.47) 44.4%, oklch(77.67% 0.1528 102.53) 46.0%, oklch(77.92% 0.1553 105.91) 47.6%, oklch(78.12% 0.1579 109.48) 49.2%, oklch(78.26% 0.1605 113.13) 50.8%, oklch(78.35% 0.1631 116.76) 52.4%, oklch(78.37% 0.1656 120.24) 54.0%, oklch(78.32% 0.1679 123.46) 55.6%, oklch(78.19% 0.1701 126.31) 57.1%, oklch(77.99% 0.1721 128.67) 58.7%, oklch(77.70% 0.1738 130.42) 60.3%, oklch(77.32% 0.1753 131.46) 61.9%, oklch(76.84% 0.1765 131.67) 63.5%, oklch(76.27% 0.1773 130.93) 65.1%, oklch(75.59% 0.1778 129.14) 66.7%, oklch(74.75% 0.1778 126.26) 68.3%, oklch(73.71% 0.1775 122.44) 69.8%, oklch(72.49% 0.1683 117.76) 71.4%, oklch(71.11% 0.1578 112.32) 73.0%, oklch(69.60% 0.1486 106.22) 74.6%, oklch(67.96% 0.1411 99.55) 76.2%, oklch(66.23% 0.1355 92.41) 77.8%, oklch(64.42% 0.1321 84.90) 79.4%, oklch(62.56% 0.1308 77.11) 81.0%, oklch(60.67% 0.1322 69.13) 82.5%, oklch(58.77% 0.1364 61.08) 84.1%, oklch(56.87% 0.1443 53.03) 85.7%, oklch(55.01% 0.1570 45.09) 87.3%, oklch(53.19% 0.1579 37.39) 88.9%, oklch(51.45% 0.1559 29.96) 90.5%, oklch(49.80% 0.1541 22.92) 92.1%, oklch(48.27% 0.1524 16.38) 93.7%, oklch(46.87% 0.1508 10.42) 95.2%, oklch(45.63% 0.1494 5.15) 96.8%, oklch(44.57% 0.1483 0.66) 98.4%, oklch(43.70% 0.1474 357.04) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
