Be, xanh lá, xanh dương và xanh cổ vịt (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #fee6db, #8a8c40, #0972b3, #5cc6db, #00e0b2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #fee6db
- #fce1d4
- #f9dbcb
- #f7d3c1
- #f3cbb5
- #efc3a8
- #ebba9b
- #e5b18c
- #dea97d
- #d7a16e
- #cd9b5f
- #c29652
- #b39347
- #a09041
- #8a8c40
- #718846
- #57834e
- #3e7d58
- #277660
- #116f66
- #01696c
- #006370
- #016074
- #035f7a
- #046082
- #05638d
- #066798
- #086ca5
- #0972b3
- #0a78c1
- #097fcd
- #0786d9
- #068de2
- #0793e9
- #0999ed
- #0ca0ee
- #14a7ee
- #20aeeb
- #2fb5e8
- #3fbbe3
- #4ec1df
- #5cc6db
- #68cad8
- #71cdd6
- #76d0d4
- #77d3d3
- #74d5d2
- #6fd7d0
- #68d9ce
- #5edbcb
- #52dcc7
- #45ddc3
- #36debe
- #25dfba
- #10e0b6
- #00e0b2
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(94.09% 0.0303 46.41) 0.0%, oklch(92.82% 0.0344 47.62) 1.8%, oklch(91.20% 0.0400 48.61) 3.6%, oklch(89.30% 0.0468 49.55) 5.5%, oklch(87.16% 0.0545 50.63) 7.3%, oklch(84.85% 0.0626 52.01) 9.1%, oklch(82.40% 0.0707 53.89) 10.9%, oklch(79.88% 0.0787 56.45) 12.7%, oklch(77.33% 0.0860 59.86) 14.5%, oklch(74.82% 0.0923 64.31) 16.4%, oklch(72.38% 0.0973 69.98) 18.2%, oklch(70.08% 0.1006 77.05) 20.0%, oklch(67.69% 0.1018 86.19) 21.8%, oklch(65.03% 0.1012 97.59) 23.6%, oklch(62.19% 0.0990 110.76) 25.5%, oklch(59.28% 0.0959 125.18) 27.3%, oklch(56.40% 0.0921 140.35) 29.1%, oklch(53.64% 0.0882 155.76) 30.9%, oklch(51.11% 0.0846 170.90) 32.7%, oklch(48.91% 0.0816 185.27) 34.5%, oklch(47.14% 0.0798 198.36) 36.4%, oklch(45.90% 0.0793 209.67) 38.2%, oklch(45.28% 0.0813 218.66) 40.0%, oklch(45.36% 0.0856 225.72) 41.8%, oklch(46.09% 0.0923 231.60) 43.6%, oklch(47.35% 0.1008 236.38) 45.5%, oklch(49.05% 0.1106 240.16) 47.3%, oklch(51.07% 0.1210 243.03) 49.1%, oklch(53.31% 0.1315 245.08) 50.9%, oklch(55.67% 0.1414 246.39) 52.7%, oklch(58.04% 0.1502 247.06) 54.5%, oklch(60.31% 0.1573 247.18) 56.4%, oklch(62.39% 0.1621 246.84) 58.2%, oklch(64.17% 0.1640 246.13) 60.0%, oklch(65.80% 0.1624 244.62) 61.8%, oklch(67.49% 0.1577 241.94) 63.6%, oklch(69.20% 0.1504 238.30) 65.5%, oklch(70.91% 0.1414 233.91) 67.3%, oklch(72.58% 0.1313 228.99) 69.1%, oklch(74.20% 0.1208 223.72) 70.9%, oklch(75.72% 0.1106 218.33) 72.7%, oklch(77.12% 0.1014 213.02) 74.5%, oklch(78.38% 0.0939 208.00) 76.4%, oklch(79.45% 0.0888 203.47) 78.2%, oklch(80.31% 0.0868 199.64) 80.0%, oklch(80.94% 0.0880 196.26) 81.8%, oklch(81.35% 0.0918 192.97) 83.6%, oklch(81.57% 0.0976 189.79) 85.5%, oklch(81.63% 0.1049 186.74) 87.3%, oklch(81.58% 0.1134 183.84) 89.1%, oklch(81.44% 0.1224 181.13) 90.9%, oklch(81.26% 0.1314 178.62) 92.7%, oklch(81.06% 0.1401 176.34) 94.5%, oklch(80.87% 0.1478 174.31) 96.4%, oklch(80.75% 0.1541 172.56) 98.2%, oklch(80.71% 0.1579 171.10) 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
