Xanh cổ vịt, xám, xanh hải quân và nâu (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #24364f, #e7d4ad, #86a175, #0e1e31, #7e684d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #24364f
- #28465a
- #325c68
- #487674
- #6a917f
- #92a98a
- #b9bd97
- #d7cca4
- #e7d4ad
- #eed6af
- #edd4ac
- #e6d0a3
- #dac998
- #c8c08d
- #b3b782
- #9dad7a
- #86a175
- #6a916d
- #4c7c64
- #2f6459
- #184d4e
- #0b3942
- #092838
- #0e1e31
- #161b30
- #241d33
- #362438
- #4a2f3c
- #5e3e40
- #6e4e44
- #795d49
- #7e684d
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(33.07% 0.0496 255.94) 0.0%, oklch(37.90% 0.0500 240.77) 3.2%, oklch(44.91% 0.0504 218.87) 6.5%, oklch(53.28% 0.0508 192.69) 9.7%, oklch(62.22% 0.0514 164.72) 12.9%, oklch(70.91% 0.0521 137.40) 16.1%, oklch(78.56% 0.0530 113.20) 19.4%, oklch(84.36% 0.0541 94.60) 22.6%, oklch(87.55% 0.0555 83.91) 25.8%, oklch(88.63% 0.0577 79.61) 29.0%, oklch(88.18% 0.0605 79.92) 32.3%, oklch(86.47% 0.0636 84.03) 35.5%, oklch(83.75% 0.0667 91.15) 38.7%, oklch(80.28% 0.0693 100.46) 41.9%, oklch(76.33% 0.0711 111.16) 45.2%, oklch(72.16% 0.0718 122.45) 48.4%, oklch(67.74% 0.0710 133.89) 51.6%, oklch(61.67% 0.0684 147.04) 54.8%, oklch(54.35% 0.0645 161.94) 58.1%, oklch(46.46% 0.0597 178.33) 61.3%, oklch(38.71% 0.0547 195.93) 64.5%, oklch(31.79% 0.0500 214.45) 67.7%, oklch(26.39% 0.0459 233.61) 71.0%, oklch(23.20% 0.0432 253.14) 74.2%, oklch(22.83% 0.0419 273.91) 77.4%, oklch(25.03% 0.0417 297.86) 80.6%, oklch(29.10% 0.0424 323.73) 83.9%, oklch(34.34% 0.0435 350.10) 87.1%, oklch(40.06% 0.0449 15.56) 90.3%, oklch(45.56% 0.0463 38.71) 93.5%, oklch(50.16% 0.0475 58.13) 96.8%, oklch(53.15% 0.0482 72.42) 100.0%);Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
