Cầu vồng từ xanh lá sang nâu vàng tông trầm (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 225°: #3b5d1e, #00403e, #202a62, #a06074, #eaca99. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #3b5d1e
- #375d20
- #335c22
- #2d5c24
- #275b27
- #205a29
- #16592b
- #07582e
- #005532
- #005335
- #005038
- #004d3a
- #004b3c
- #00483d
- #00453d
- #00433e
- #00403e
- #003e3f
- #003b3f
- #00393f
- #003740
- #003641
- #003442
- #003243
- #003145
- #003047
- #002f4b
- #002e4f
- #002c56
- #022a5d
- #0f2a5e
- #182a60
- #202a62
- #272b63
- #2f2c65
- #372d67
- #3f2f69
- #47326b
- #4f356c
- #58386e
- #613c6f
- #6a4070
- #744471
- #7d4972
- #864e72
- #8f5473
- #985a73
- #a06074
- #a86775
- #b06e76
- #b77577
- #be7d78
- #c4847a
- #ca8c7c
- #d0947e
- #d49b81
- #d9a283
- #dda987
- #e0b08a
- #e3b68d
- #e5bc90
- #e7c194
- #e9c697
- #eaca99
CSS
background: linear-gradient(225deg in oklch, oklch(43.70% 0.0992 132.89) 0.0%, oklch(43.45% 0.0992 135.17) 1.6%, oklch(43.11% 0.0993 137.69) 3.2%, oklch(42.69% 0.0993 140.43) 4.8%, oklch(42.20% 0.0994 143.38) 6.3%, oklch(41.65% 0.0995 146.54) 7.9%, oklch(41.04% 0.0996 149.88) 9.5%, oklch(40.39% 0.0997 153.41) 11.1%, oklch(39.70% 0.0944 157.08) 12.7%, oklch(38.97% 0.0868 160.94) 14.3%, oklch(38.21% 0.0804 164.96) 15.9%, oklch(37.44% 0.0748 169.12) 17.5%, oklch(36.66% 0.0701 173.42) 19.0%, oklch(35.88% 0.0661 177.83) 20.6%, oklch(35.11% 0.0628 182.37) 22.2%, oklch(34.35% 0.0600 187.00) 23.8%, oklch(33.61% 0.0577 191.74) 25.4%, oklch(32.90% 0.0560 196.55) 27.0%, oklch(32.23% 0.0548 201.44) 28.6%, oklch(31.60% 0.0541 206.40) 30.2%, oklch(31.03% 0.0539 211.40) 31.7%, oklch(30.51% 0.0543 216.45) 33.3%, oklch(30.07% 0.0554 221.53) 34.9%, oklch(29.70% 0.0571 226.63) 36.5%, oklch(29.41% 0.0598 231.74) 38.1%, oklch(29.22% 0.0636 236.84) 39.7%, oklch(29.12% 0.0690 241.94) 41.3%, oklch(29.14% 0.0766 247.01) 42.9%, oklch(29.26% 0.0877 252.04) 44.4%, oklch(29.50% 0.1001 256.93) 46.0%, oklch(29.88% 0.0998 261.89) 47.6%, oklch(30.40% 0.0994 266.79) 49.2%, oklch(31.06% 0.0990 271.66) 50.8%, oklch(31.91% 0.0985 276.71) 52.4%, oklch(32.93% 0.0979 281.97) 54.0%, oklch(34.12% 0.0973 287.41) 55.6%, oklch(35.45% 0.0966 293.02) 57.1%, oklch(36.92% 0.0959 298.78) 58.7%, oklch(38.52% 0.0951 304.66) 60.3%, oklch(40.24% 0.0942 310.65) 61.9%, oklch(42.06% 0.0933 316.74) 63.5%, oklch(43.97% 0.0924 322.89) 65.1%, oklch(45.96% 0.0915 329.09) 66.7%, oklch(48.02% 0.0905 335.33) 68.3%, oklch(50.14% 0.0895 341.58) 69.8%, oklch(52.30% 0.0885 347.82) 71.4%, oklch(54.49% 0.0874 354.04) 73.0%, oklch(56.70% 0.0864 0.21) 74.6%, oklch(58.93% 0.0853 6.32) 76.2%, oklch(61.15% 0.0843 12.34) 77.8%, oklch(63.36% 0.0833 18.27) 79.4%, oklch(65.54% 0.0823 24.07) 81.0%, oklch(67.68% 0.0813 29.73) 82.5%, oklch(69.78% 0.0803 35.23) 84.1%, oklch(71.81% 0.0794 40.55) 85.7%, oklch(73.77% 0.0785 45.67) 87.3%, oklch(75.65% 0.0776 50.58) 88.9%, oklch(77.43% 0.0768 55.25) 90.5%, oklch(79.10% 0.0760 59.67) 92.1%, oklch(80.66% 0.0753 63.81) 93.7%, oklch(82.08% 0.0746 67.65) 95.2%, oklch(83.35% 0.0740 71.19) 96.8%, oklch(84.48% 0.0735 74.39) 98.4%, oklch(85.43% 0.0730 77.24) 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
