Xanh dương, hồng và cam (ba tông) tông rực rỡ (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 135°: #16168e, #c94976, #ffc251, #ffbd9c, #f39ac2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #16168e
- #201891
- #2b1993
- #361c96
- #421e98
- #4e219a
- #5c249a
- #692799
- #782a98
- #862e95
- #953291
- #a3368b
- #b03c85
- #bd427e
- #c94976
- #d4526e
- #de5b66
- #e6655e
- #ec6f56
- #f27a4e
- #f68548
- #f98f43
- #fb9940
- #fca340
- #fdab41
- #feb344
- #feb948
- #ffbe4c
- #ffc251
- #ffc65a
- #ffc862
- #ffca6b
- #ffcb73
- #ffcb7b
- #ffcb82
- #ffca88
- #ffc98d
- #ffc791
- #ffc595
- #ffc298
- #ffc09a
- #ffbd9c
- #ffba9e
- #ffb7a0
- #ffb3a2
- #ffb0a5
- #ffaca7
- #ffa8aa
- #ffa5ad
- #ffa1b0
- #ff9eb3
- #fc9cb7
- #f99bba
- #f79bbd
- #f49ac0
- #f39ac2
CSS
background: linear-gradient(135deg in oklch, oklch(31.89% 0.1846 269.30) 0.0%, oklch(32.95% 0.1839 272.78) 1.8%, oklch(34.22% 0.1830 276.98) 3.6%, oklch(35.67% 0.1821 281.86) 5.5%, oklch(37.29% 0.1810 287.34) 7.3%, oklch(39.06% 0.1799 293.36) 9.1%, oklch(40.97% 0.1786 299.87) 10.9%, oklch(43.00% 0.1774 306.80) 12.7%, oklch(45.14% 0.1760 314.08) 14.5%, oklch(47.36% 0.1746 321.67) 16.4%, oklch(49.66% 0.1731 329.49) 18.2%, oklch(52.01% 0.1716 337.48) 20.0%, oklch(54.40% 0.1700 345.58) 21.8%, oklch(56.82% 0.1685 353.74) 23.6%, oklch(59.24% 0.1668 1.88) 25.5%, oklch(61.66% 0.1652 9.95) 27.3%, oklch(64.05% 0.1636 17.88) 29.1%, oklch(66.40% 0.1619 25.62) 30.9%, oklch(68.70% 0.1603 33.10) 32.7%, oklch(70.93% 0.1587 40.25) 34.5%, oklch(73.06% 0.1570 47.03) 36.4%, oklch(75.09% 0.1554 53.36) 38.2%, oklch(77.00% 0.1539 59.19) 40.0%, oklch(78.78% 0.1523 64.45) 41.8%, oklch(80.40% 0.1508 69.08) 43.6%, oklch(81.86% 0.1494 73.01) 45.5%, oklch(83.12% 0.1480 76.20) 47.3%, oklch(84.19% 0.1467 78.57) 49.1%, oklch(85.05% 0.1444 80.09) 50.9%, oklch(85.74% 0.1398 80.82) 52.7%, oklch(86.29% 0.1340 80.82) 54.5%, oklch(86.69% 0.1276 80.15) 56.4%, oklch(86.97% 0.1209 78.86) 58.2%, oklch(87.12% 0.1142 77.00) 60.0%, oklch(87.17% 0.1081 74.61) 61.8%, oklch(87.11% 0.1026 71.74) 63.6%, oklch(86.95% 0.0980 68.46) 65.5%, oklch(86.71% 0.0943 64.80) 67.3%, oklch(86.40% 0.0915 60.81) 69.1%, oklch(86.03% 0.0896 56.55) 70.9%, oklch(85.59% 0.0886 52.06) 72.7%, oklch(85.11% 0.0883 47.40) 74.5%, oklch(84.60% 0.0889 42.62) 76.4%, oklch(84.05% 0.0902 37.76) 78.2%, oklch(83.49% 0.0923 32.87) 80.0%, oklch(82.92% 0.0951 28.01) 81.8%, oklch(82.35% 0.0985 23.22) 83.6%, oklch(81.79% 0.1026 18.56) 85.5%, oklch(81.24% 0.1073 14.07) 87.3%, oklch(80.73% 0.1126 9.81) 89.1%, oklch(80.25% 0.1182 5.82) 90.9%, oklch(79.82% 0.1185 2.15) 92.7%, oklch(79.44% 0.1177 358.86) 94.5%, oklch(79.13% 0.1170 355.99) 96.4%, oklch(78.89% 0.1163 353.60) 98.2%, oklch(78.74% 0.1157 351.72) 100.0%);Trong các bộ sưu tập này
Chân trời chạng vạng điểm phân
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
