Xanh cổ vịt, tím và xanh dương (ba tông) (gradient hình nón)
Gradient hình nón, 80 màu, góc 225°: #72d2c0, #f5e7dd, #16121e, #a53d89, #2e8eb0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #72d2c0
- #79d3bd
- #81d5bc
- #8ad7ba
- #95dab9
- #a0ddb9
- #ace0b9
- #b8e3bb
- #c4e6bd
- #cfe9bf
- #daecc3
- #e3eec7
- #ecf0cc
- #f3f2d1
- #f8f3d5
- #fcf3da
- #fef3dd
- #fef2df
- #fdf0e0
- #faece0
- #f5e7dd
- #eee0d8
- #e5d8d2
- #d9cdc9
- #cdc1bf
- #bfb4b3
- #b0a6a6
- #a09899
- #91898b
- #817b7d
- #726c6f
- #635e61
- #565154
- #494448
- #3d393e
- #332f34
- #2a262c
- #221f26
- #1d1921
- #18151e
- #16121e
- #15101e
- #161021
- #181024
- #1b1129
- #20122f
- #271436
- #2f173d
- #371945
- #411c4c
- #4c1f53
- #58225a
- #642561
- #702967
- #7c2c6d
- #872f72
- #913378
- #99367d
- #a03a83
- #a53d89
- #a74090
- #a74497
- #a648a0
- #a44da8
- #9f52b1
- #9a57b9
- #935dc0
- #8b62c5
- #8168ca
- #776ecc
- #6d73cd
- #6278cc
- #587cca
- #4e80c7
- #4584c3
- #3d87be
- #3789ba
- #328bb6
- #2f8db3
- #2e8eb0
CSS
background: conic-gradient(from 225deg in oklch, oklch(79.92% 0.0951 180.00) 0.0%, oklch(80.42% 0.0929 176.68) 1.3%, oklch(81.19% 0.0902 172.79) 2.5%, oklch(82.17% 0.0871 168.38) 3.8%, oklch(83.33% 0.0836 163.51) 5.1%, oklch(84.63% 0.0797 158.20) 6.3%, oklch(86.03% 0.0755 152.51) 7.6%, oklch(87.49% 0.0711 146.50) 8.9%, oklch(88.97% 0.0666 140.19) 10.1%, oklch(90.43% 0.0619 133.64) 11.4%, oklch(91.83% 0.0572 126.91) 12.7%, oklch(93.13% 0.0525 120.02) 13.9%, oklch(94.29% 0.0479 113.03) 15.2%, oklch(95.26% 0.0433 105.99) 16.5%, oklch(96.02% 0.0390 98.94) 17.7%, oklch(96.52% 0.0349 91.93) 19.0%, oklch(96.72% 0.0312 85.00) 20.3%, oklch(96.57% 0.0277 78.21) 21.5%, oklch(96.05% 0.0247 71.60) 22.8%, oklch(95.10% 0.0222 65.20) 24.1%, oklch(93.69% 0.0202 59.06) 25.3%, oklch(91.64% 0.0184 52.73) 26.6%, oklch(88.96% 0.0166 46.08) 27.8%, oklch(85.72% 0.0150 39.16) 29.1%, oklch(81.99% 0.0134 32.03) 30.4%, oklch(77.86% 0.0120 24.76) 31.6%, oklch(73.40% 0.0107 17.41) 32.9%, oklch(68.69% 0.0097 10.04) 34.2%, oklch(63.80% 0.0088 2.71) 35.4%, oklch(58.82% 0.0082 355.48) 36.7%, oklch(53.81% 0.0078 348.41) 38.0%, oklch(48.85% 0.0077 341.57) 39.2%, oklch(44.02% 0.0080 335.02) 40.5%, oklch(39.40% 0.0085 328.81) 41.8%, oklch(35.07% 0.0095 323.01) 43.0%, oklch(31.09% 0.0108 317.69) 44.3%, oklch(27.55% 0.0125 312.89) 45.6%, oklch(24.52% 0.0146 308.69) 46.8%, oklch(22.07% 0.0172 305.14) 48.1%, oklch(20.30% 0.0203 302.30) 49.4%, oklch(19.24% 0.0240 300.29) 50.6%, oklch(18.80% 0.0287 299.36) 51.9%, oklch(18.89% 0.0345 299.44) 53.2%, oklch(19.48% 0.0412 300.42) 54.4%, oklch(20.50% 0.0487 302.18) 55.7%, oklch(21.91% 0.0568 304.58) 57.0%, oklch(23.65% 0.0654 307.52) 58.2%, oklch(25.68% 0.0743 310.88) 59.5%, oklch(27.93% 0.0835 314.53) 60.8%, oklch(30.35% 0.0928 318.35) 62.0%, oklch(32.91% 0.1021 322.22) 63.3%, oklch(35.53% 0.1112 326.03) 64.6%, oklch(38.18% 0.1200 329.65) 65.8%, oklch(40.79% 0.1283 332.96) 67.1%, oklch(43.32% 0.1361 335.85) 68.4%, oklch(45.71% 0.1432 338.18) 69.6%, oklch(47.91% 0.1495 339.85) 70.9%, oklch(49.88% 0.1548 340.74) 72.2%, oklch(51.55% 0.1591 340.71) 73.4%, oklch(52.88% 0.1621 339.66) 74.7%, oklch(53.90% 0.1638 337.50) 75.9%, oklch(54.80% 0.1643 334.35) 77.2%, oklch(55.59% 0.1639 330.32) 78.5%, oklch(56.30% 0.1625 325.51) 79.7%, oklch(56.92% 0.1604 320.02) 81.0%, oklch(57.45% 0.1575 313.95) 82.3%, oklch(57.92% 0.1540 307.41) 83.5%, oklch(58.32% 0.1500 300.50) 84.8%, oklch(58.66% 0.1457 293.33) 86.1%, oklch(58.95% 0.1410 285.98) 87.3%, oklch(59.19% 0.1361 278.58) 88.6%, oklch(59.40% 0.1311 271.22) 89.9%, oklch(59.58% 0.1262 264.00) 91.1%, oklch(59.74% 0.1214 257.03) 92.4%, oklch(59.89% 0.1168 250.40) 93.7%, oklch(60.02% 0.1125 244.24) 94.9%, oklch(60.16% 0.1086 238.62) 96.2%, oklch(60.30% 0.1053 233.67) 97.5%, oklch(60.45% 0.1026 229.47) 98.7%, oklch(60.63% 0.1006 226.14) 100.0%);Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
