Cầu vồng từ nâu vàng sang xanh cổ vịt tông trầm (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #e5d592, #a38eac, #3f947c, #be7367, #21595a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #e5d592
- #e6d091
- #e7ca8f
- #e7c38f
- #e5bc90
- #e2b492
- #dead94
- #d9a797
- #d2a19a
- #cb9c9d
- #c497a0
- #bc94a3
- #b591a6
- #ac8fa9
- #a38eac
- #998cad
- #8f8cae
- #848cad
- #798cab
- #6f8ca8
- #668ca3
- #5e8d9e
- #588d99
- #528d94
- #4d8e8f
- #488f8b
- #449186
- #419281
- #3f947c
- #409576
- #439670
- #4a9667
- #54965e
- #609452
- #709245
- #838e38
- #95882f
- #a5822f
- #b17d3a
- #ba784a
- #bd755a
- #be7367
- #bc7271
- #b97275
- #b67074
- #b16f6c
- #ab6d5f
- #a16b4f
- #926b41
- #806b39
- #6a6b3a
- #546941
- #3f664a
- #2f6252
- #255d57
- #21595a
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(87.01% 0.0868 96.33) 0.0%, oklch(86.12% 0.0848 91.00) 1.8%, oklch(84.97% 0.0821 84.44) 3.6%, oklch(83.60% 0.0788 76.79) 5.5%, oklch(82.06% 0.0751 68.20) 7.3%, oklch(80.41% 0.0712 58.81) 9.1%, oklch(78.69% 0.0672 48.76) 10.9%, oklch(76.95% 0.0633 38.21) 12.7%, oklch(75.25% 0.0597 27.30) 14.5%, oklch(73.64% 0.0566 16.16) 16.4%, oklch(72.16% 0.0541 4.96) 18.2%, oklch(70.87% 0.0524 353.82) 20.0%, oklch(69.70% 0.0513 342.23) 21.8%, oklch(68.55% 0.0505 329.68) 23.6%, oklch(67.45% 0.0501 316.44) 25.5%, oklch(66.39% 0.0500 302.71) 27.3%, oklch(65.39% 0.0502 288.76) 29.1%, oklch(64.45% 0.0508 274.80) 30.9%, oklch(63.58% 0.0518 261.08) 32.7%, oklch(62.80% 0.0531 247.83) 34.5%, oklch(62.11% 0.0548 235.29) 36.4%, oklch(61.51% 0.0568 223.69) 38.2%, oklch(61.02% 0.0593 213.28) 40.0%, oklch(60.67% 0.0625 204.23) 41.8%, oklch(60.47% 0.0668 196.43) 43.6%, oklch(60.38% 0.0720 189.61) 45.5%, oklch(60.40% 0.0776 183.52) 47.3%, oklch(60.49% 0.0836 177.89) 49.1%, oklch(60.63% 0.0895 172.46) 50.9%, oklch(60.81% 0.0952 166.98) 52.7%, oklch(61.00% 0.1004 161.18) 54.5%, oklch(61.18% 0.1048 154.81) 56.4%, oklch(61.33% 0.1082 147.60) 58.2%, oklch(61.42% 0.1102 139.30) 60.0%, oklch(61.55% 0.1110 128.85) 61.8%, oklch(61.81% 0.1108 115.89) 63.6%, oklch(62.15% 0.1097 101.20) 65.5%, oklch(62.52% 0.1079 85.59) 67.3%, oklch(62.88% 0.1056 69.84) 69.1%, oklch(63.18% 0.1029 54.74) 70.9%, oklch(63.38% 0.0999 41.09) 72.7%, oklch(63.43% 0.0968 29.67) 74.5%, oklch(63.28% 0.0937 21.27) 76.4%, oklch(62.89% 0.0908 16.69) 78.2%, oklch(62.20% 0.0882 16.72) 80.0%, oklch(61.13% 0.0856 22.37) 81.8%, oklch(59.66% 0.0828 33.42) 83.6%, oklch(57.87% 0.0797 48.77) 85.5%, oklch(55.86% 0.0765 67.35) 87.3%, oklch(53.71% 0.0733 88.06) 89.1%, oklch(51.51% 0.0701 109.83) 90.9%, oklch(49.35% 0.0670 131.55) 92.7%, oklch(47.33% 0.0642 152.16) 94.5%, oklch(45.52% 0.0617 170.55) 96.4%, oklch(44.02% 0.0595 185.65) 98.2%, oklch(42.91% 0.0579 196.37) 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
