Cầu vồng từ xanh hải quân sang xanh cổ vịt tông trầm (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 45°: #2e3d4c, #774e6d, #48354b, #c19057, #314a5c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #2e3d4c
- #303e4f
- #334053
- #374257
- #3c445c
- #424661
- #494866
- #50496a
- #584b6d
- #604c6f
- #674d70
- #6d4e70
- #724e6f
- #754e6e
- #774e6d
- #764d6b
- #734b68
- #6f4966
- #6a4663
- #63435f
- #5d405c
- #563d58
- #503a54
- #4b3851
- #47354e
- #44344b
- #43334a
- #44344a
- #48354b
- #4e384f
- #563d53
- #614258
- #6d495e
- #7b5063
- #8a5867
- #986069
- #a66969
- #b27168
- #bc7a65
- #c28261
- #c48a5c
- #c19057
- #ba9453
- #ad9651
- #9d9753
- #899657
- #75925d
- #608c63
- #4e8468
- #407b6b
- #36716c
- #32676b
- #305e67
- #305663
- #304f5f
- #314a5c
CSS
background: linear-gradient(45deg in oklch, oklch(35.43% 0.0331 248.91) 0.0%, oklch(36.02% 0.0348 252.75) 1.8%, oklch(36.82% 0.0371 257.84) 3.6%, oklch(37.81% 0.0399 263.96) 5.5%, oklch(38.93% 0.0431 270.88) 7.3%, oklch(40.15% 0.0465 278.39) 9.1%, oklch(41.41% 0.0501 286.27) 10.9%, oklch(42.68% 0.0538 294.29) 12.7%, oklch(43.91% 0.0573 302.24) 14.5%, oklch(45.05% 0.0607 309.90) 16.4%, oklch(46.07% 0.0637 317.05) 18.2%, oklch(46.92% 0.0663 323.47) 20.0%, oklch(47.56% 0.0683 328.94) 21.8%, oklch(47.94% 0.0697 333.24) 23.6%, oklch(48.02% 0.0703 336.14) 25.5%, oklch(47.66% 0.0700 337.42) 27.3%, oklch(46.90% 0.0688 337.26) 29.1%, oklch(45.81% 0.0668 335.93) 30.9%, oklch(44.48% 0.0643 333.68) 32.7%, oklch(42.98% 0.0614 330.80) 34.5%, oklch(41.41% 0.0583 327.55) 36.4%, oklch(39.85% 0.0551 324.20) 38.2%, oklch(38.37% 0.0521 321.03) 40.0%, oklch(37.05% 0.0492 318.29) 41.8%, oklch(35.99% 0.0468 316.26) 43.6%, oklch(35.26% 0.0450 315.22) 45.5%, oklch(34.95% 0.0439 315.42) 47.3%, oklch(35.13% 0.0438 317.14) 49.1%, oklch(35.91% 0.0447 320.53) 50.9%, oklch(37.42% 0.0469 325.07) 52.7%, oklch(39.56% 0.0501 330.57) 54.5%, oklch(42.21% 0.0541 336.94) 56.4%, oklch(45.23% 0.0588 344.09) 58.2%, oklch(48.51% 0.0639 351.94) 60.0%, oklch(51.91% 0.0692 0.39) 61.8%, oklch(55.32% 0.0745 9.36) 63.6%, oklch(58.61% 0.0797 18.76) 65.5%, oklch(61.65% 0.0844 28.51) 67.3%, oklch(64.32% 0.0885 38.51) 69.1%, oklch(66.49% 0.0918 48.68) 70.9%, oklch(68.03% 0.0940 58.93) 72.7%, oklch(68.83% 0.0950 69.18) 74.5%, oklch(68.79% 0.0947 79.75) 76.4%, oklch(68.02% 0.0931 91.54) 78.2%, oklch(66.61% 0.0904 104.34) 80.0%, oklch(64.68% 0.0868 117.89) 81.8%, oklch(62.33% 0.0826 131.94) 83.6%, oklch(59.66% 0.0778 146.23) 85.5%, oklch(56.79% 0.0727 160.50) 87.3%, oklch(53.82% 0.0675 174.51) 89.1%, oklch(50.85% 0.0623 188.00) 90.9%, oklch(47.99% 0.0572 200.71) 92.7%, oklch(45.34% 0.0526 212.39) 94.5%, oklch(43.02% 0.0485 222.79) 96.4%, oklch(41.13% 0.0451 231.64) 98.2%, oklch(39.76% 0.0427 238.69) 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
