Cầu vồng từ xanh hải quân sang đỏ nâu (gradient tuyến tính)

Gradient tuyến tính, 48 màu, góc 135°: #090a1f, #dfdc3a, #a06cbf, #8f018e, #7c2f45. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

• #090a1f
• #0c132c
• #0e213d
• #0a3353
• #004966
• #006276
• #007d85
• #00998e
• #00b48d
• #53c980
• #8ad76d
• #b9dd54
• #dfdc3a
• #fed426
• #ffce80
• #ffc694
• #ffbb99
• #ffac9b
• #ff999f
• #fa85a9
• #e57eb4
• #cf78bb
• #bc73bd
• #ab6fbf
• #a06cbf
• #9767bf
• #9061be
• #8c5abc
• #8952b9
• #8949b6
• #893fb1
• #8b35ab
• #8c2aa5
• #8e1d9d
• #8f1095
• #8f018e
• #8d0086
• #8c007e
• #8c0076
• #8b026f
• #8a0b66
• #89145f
• #871b58
• #852152
• #82264e
• #802a4a
• #7e2d47
• #7c2f45

CSS

background: linear-gradient(135deg in oklch, oklch(15.75% 0.0441 277.73) 0.0%, oklch(19.57% 0.0509 269.50) 2.1%, oklch(24.80% 0.0602 259.12) 4.3%, oklch(31.13% 0.0715 246.91) 6.4%, oklch(38.26% 0.0793 233.27) 8.5%, oklch(45.87% 0.0826 218.37) 10.6%, oklch(53.66% 0.0913 202.63) 12.8%, oklch(61.33% 0.1074 186.36) 14.9%, oklch(68.56% 0.1359 169.90) 17.0%, oklch(75.06% 0.1499 153.55) 19.1%, oklch(80.51% 0.1597 137.64) 21.3%, oklch(84.61% 0.1672 122.49) 23.4%, oklch(87.07% 0.1717 108.35) 25.5%, oklch(88.06% 0.1732 93.84) 27.7%, oklch(87.85% 0.1114 78.60) 29.8%, oklch(86.65% 0.0922 62.90) 31.9%, oklch(84.64% 0.0913 47.06) 34.0%, oklch(82.00% 0.1017 31.38) 36.2%, oklch(78.92% 0.1229 16.17) 38.3%, oklch(75.60% 0.1462 1.73) 40.4%, oklch(72.22% 0.1405 348.36) 42.6%, oklch(68.96% 0.1359 336.36) 44.7%, oklch(66.01% 0.1328 326.04) 46.8%, oklch(63.57% 0.1318 317.70) 48.9%, oklch(61.72% 0.1334 311.62) 51.1%, oklch(59.96% 0.1376 307.74) 53.2%, oklch(58.22% 0.1440 305.78) 55.3%, oklch(56.51% 0.1519 305.47) 57.4%, oklch(54.83% 0.1609 306.52) 59.6%, oklch(53.22% 0.1704 308.66) 61.7%, oklch(51.68% 0.1799 311.60) 63.8%, oklch(50.22% 0.1888 315.06) 66.0%, oklch(48.86% 0.1966 318.77) 68.1%, oklch(47.61% 0.2028 322.45) 70.2%, oklch(46.48% 0.2069 325.82) 72.3%, oklch(45.50% 0.2082 328.59) 74.5%, oklch(44.68% 0.2027 330.93) 76.6%, oklch(44.02% 0.1970 333.71) 78.7%, oklch(43.51% 0.1918 336.88) 80.9%, oklch(43.11% 0.1859 340.31) 83.0%, oklch(42.83% 0.1757 343.92) 85.1%, oklch(42.64% 0.1646 347.59) 87.2%, oklch(42.51% 0.1532 351.23) 89.4%, oklch(42.42% 0.1420 354.71) 91.5%, oklch(42.36% 0.1314 357.95) 93.6%, oklch(42.31% 0.1220 0.83) 95.7%, oklch(42.23% 0.1143 3.24) 97.9%, oklch(42.13% 0.1089 5.09) 100.0%);

Trong các bộ sưu tập này

Gradient màu giả thiên vă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