Xanh cổ vịt, nâu vàng và xanh cổ vịt đậm (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #106171, #c1ba66, #9ec085, #457f81, #003a41. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #106171
- #106673
- #116b74
- #157275
- #1c7976
- #278176
- #358975
- #459173
- #569970
- #68a06d
- #7ba76a
- #8ead67
- #a1b266
- #b2b665
- #c1ba66
- #cfbe68
- #d9c06b
- #e2c26e
- #e7c470
- #e8c572
- #e7c673
- #e4c774
- #dec775
- #d7c876
- #cec778
- #c3c67a
- #b7c57d
- #aac381
- #9ec085
- #91bd89
- #86b98d
- #7bb490
- #72af92
- #6aaa93
- #63a494
- #5e9f93
- #599a92
- #569590
- #52908d
- #4e8a8a
- #498586
- #457f81
- #40797c
- #3b7377
- #356d72
- #30676c
- #2b6167
- #255b61
- #20565c
- #1a5157
- #154c52
- #10474e
- #0a434a
- #054046
- #023d43
- #003a41
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(45.67% 0.0758 215.16) 0.0%, oklch(46.89% 0.0769 210.98) 1.8%, oklch(48.47% 0.0785 205.53) 3.6%, oklch(50.34% 0.0803 198.98) 5.5%, oklch(52.48% 0.0825 191.52) 7.3%, oklch(54.83% 0.0848 183.30) 9.1%, oklch(57.34% 0.0873 174.52) 10.9%, oklch(59.97% 0.0900 165.33) 12.7%, oklch(62.67% 0.0926 155.92) 14.5%, oklch(65.39% 0.0953 146.45) 16.4%, oklch(68.10% 0.0979 137.11) 18.2%, oklch(70.73% 0.1005 128.06) 20.0%, oklch(73.24% 0.1028 119.49) 21.8%, oklch(75.60% 0.1049 111.55) 23.6%, oklch(77.74% 0.1068 104.44) 25.5%, oklch(79.63% 0.1083 98.31) 27.3%, oklch(81.21% 0.1094 93.35) 29.1%, oklch(82.44% 0.1101 89.73) 30.9%, oklch(83.28% 0.1103 87.63) 32.7%, oklch(83.71% 0.1099 87.16) 34.5%, oklch(83.83% 0.1091 88.21) 36.4%, oklch(83.68% 0.1077 90.61) 38.2%, oklch(83.27% 0.1059 94.22) 40.0%, oklch(82.63% 0.1038 98.88) 41.8%, oklch(81.79% 0.1013 104.45) 43.6%, oklch(80.76% 0.0986 110.76) 45.5%, oklch(79.57% 0.0957 117.68) 47.3%, oklch(78.24% 0.0926 125.03) 49.1%, oklch(76.80% 0.0894 132.69) 50.9%, oklch(75.27% 0.0862 140.48) 52.7%, oklch(73.67% 0.0830 148.27) 54.5%, oklch(72.03% 0.0799 155.89) 56.4%, oklch(70.36% 0.0769 163.21) 58.2%, oklch(68.70% 0.0741 170.05) 60.0%, oklch(67.06% 0.0715 176.29) 61.8%, oklch(65.47% 0.0692 181.75) 63.6%, oklch(63.95% 0.0672 186.29) 65.5%, oklch(62.51% 0.0656 189.81) 67.3%, oklch(60.99% 0.0643 192.74) 69.1%, oklch(59.33% 0.0631 195.29) 70.9%, oklch(57.56% 0.0620 197.47) 72.7%, oklch(55.71% 0.0610 199.32) 74.5%, oklch(53.79% 0.0602 200.87) 76.4%, oklch(51.82% 0.0595 202.15) 78.2%, oklch(49.82% 0.0588 203.19) 80.0%, oklch(47.82% 0.0583 204.03) 81.8%, oklch(45.83% 0.0578 204.69) 83.6%, oklch(43.88% 0.0574 205.20) 85.5%, oklch(41.98% 0.0570 205.60) 87.3%, oklch(40.15% 0.0567 205.91) 89.1%, oklch(38.42% 0.0564 206.17) 90.9%, oklch(36.80% 0.0562 206.41) 92.7%, oklch(35.32% 0.0559 206.66) 94.5%, oklch(33.99% 0.0557 206.94) 96.4%, oklch(32.84% 0.0554 207.30) 98.2%, oklch(31.90% 0.0548 207.80) 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
