Xanh cổ vịt, xanh dương, hồng cánh sen và tím tông rực rỡ (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 135°: #158788, #3cbea2, #5b82e4, #aa1873, #b800a0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #158788
- #158989
- #168b8a
- #188e8c
- #1a918d
- #1d948f
- #209890
- #249c92
- #28a093
- #2ca495
- #30a896
- #33ac98
- #37b09a
- #39b49b
- #3bb79d
- #3cbb9f
- #3cbea2
- #3ac0a4
- #36c2a8
- #2fc4ab
- #24c5af
- #0fc5b4
- #00c3b9
- #00c1be
- #00bdc3
- #00b9c8
- #00b4ce
- #00aed4
- #00a8db
- #07a0e4
- #3297e6
- #498de6
- #5b82e4
- #6a78e0
- #766dd9
- #8063d0
- #895ac6
- #9051ba
- #9548af
- #9a40a3
- #9d3998
- #a0338e
- #a22e86
- #a42980
- #a6247b
- #a72077
- #a91c74
- #aa1873
- #ac1472
- #ad1073
- #af0c75
- #b00877
- #b1057a
- #b2037d
- #b30181
- #b40085
- #b5008a
- #b6008e
- #b60092
- #b70096
- #b7009a
- #b8009d
- #b8009f
- #b800a0
CSS
background: linear-gradient(135deg in oklch, oklch(56.69% 0.0923 195.47) 0.0%, oklch(57.19% 0.0933 194.99) 1.6%, oklch(57.83% 0.0944 194.13) 3.2%, oklch(58.61% 0.0956 192.96) 4.8%, oklch(59.51% 0.0969 191.53) 6.3%, oklch(60.50% 0.0983 189.90) 7.9%, oklch(61.56% 0.0999 188.13) 9.5%, oklch(62.69% 0.1015 186.27) 11.1%, oklch(63.85% 0.1032 184.39) 12.7%, oklch(65.03% 0.1050 182.54) 14.3%, oklch(66.22% 0.1069 180.78) 15.9%, oklch(67.39% 0.1088 179.16) 17.5%, oklch(68.52% 0.1108 177.75) 19.0%, oklch(69.60% 0.1128 176.61) 20.6%, oklch(70.60% 0.1148 175.78) 22.2%, oklch(71.52% 0.1169 175.34) 23.8%, oklch(72.32% 0.1190 175.32) 25.4%, oklch(72.99% 0.1211 175.81) 27.0%, oklch(73.52% 0.1232 176.84) 28.6%, oklch(73.88% 0.1253 178.49) 30.2%, oklch(74.05% 0.1274 180.80) 31.7%, oklch(74.02% 0.1295 183.84) 33.3%, oklch(73.76% 0.1284 187.81) 34.9%, oklch(73.28% 0.1256 192.78) 36.5%, oklch(72.60% 0.1234 198.66) 38.1%, oklch(71.74% 0.1226 205.34) 39.7%, oklch(70.73% 0.1236 212.72) 41.3%, oklch(69.58% 0.1273 220.69) 42.9%, oklch(68.32% 0.1348 229.14) 44.4%, oklch(66.96% 0.1471 237.96) 46.0%, oklch(65.53% 0.1494 247.06) 47.6%, oklch(64.06% 0.1518 256.32) 49.2%, oklch(62.56% 0.1541 265.65) 50.8%, oklch(61.05% 0.1565 274.94) 52.4%, oklch(59.56% 0.1590 284.08) 54.0%, oklch(58.11% 0.1614 292.96) 55.6%, oklch(56.71% 0.1639 301.49) 57.1%, oklch(55.40% 0.1664 309.55) 58.7%, oklch(54.19% 0.1689 317.04) 60.3%, oklch(53.10% 0.1714 323.85) 61.9%, oklch(52.15% 0.1740 329.89) 63.5%, oklch(51.38% 0.1765 335.03) 65.1%, oklch(50.79% 0.1791 339.19) 66.7%, oklch(50.36% 0.1818 342.46) 68.3%, oklch(50.05% 0.1846 345.05) 69.8%, oklch(49.84% 0.1876 347.02) 71.4%, oklch(49.73% 0.1907 348.43) 73.0%, oklch(49.71% 0.1939 349.32) 74.6%, oklch(49.76% 0.1971 349.74) 76.2%, oklch(49.88% 0.2004 349.75) 77.8%, oklch(50.06% 0.2037 349.41) 79.4%, oklch(50.29% 0.2070 348.75) 81.0%, oklch(50.57% 0.2102 347.84) 82.5%, oklch(50.87% 0.2135 346.73) 84.1%, oklch(51.19% 0.2166 345.47) 85.7%, oklch(51.53% 0.2197 344.11) 87.3%, oklch(51.87% 0.2227 342.71) 88.9%, oklch(52.20% 0.2255 341.31) 90.5%, oklch(52.52% 0.2282 339.98) 92.1%, oklch(52.81% 0.2307 338.75) 93.7%, oklch(53.07% 0.2329 337.69) 95.2%, oklch(53.29% 0.2349 336.85) 96.8%, oklch(53.45% 0.2363 336.27) 98.4%, oklch(53.55% 0.2370 336.02) 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
