Xanh hải quân, hồng, be và xanh dương nhạt (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #303957, #b25e9b, #ffbd9f, #e4f3c4, #89cee9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #303957
- #343b5b
- #383d60
- #3d4066
- #44426d
- #4b4574
- #54487b
- #5e4b82
- #684d88
- #74508e
- #805393
- #8c5597
- #99589a
- #a65b9b
- #b25e9b
- #be619b
- #ca6499
- #d46896
- #dd6c93
- #e57190
- #ec778d
- #f27e8b
- #f88589
- #fd8d89
- #ff978a
- #ffa18e
- #ffab94
- #ffb599
- #ffbd9f
- #ffc5a6
- #ffcdac
- #ffd4b2
- #ffdab8
- #ffdfbc
- #ffe4c0
- #ffe8c1
- #ffebc0
- #feeebc
- #f9f0be
- #f4f2c0
- #ecf3c2
- #e4f3c4
- #dbf3c6
- #d2f2c8
- #c8f1cb
- #bdeece
- #b3ecd1
- #aae9d5
- #a1e6d8
- #9ae2dc
- #94dedf
- #8fdae1
- #8cd7e4
- #8ad3e6
- #89d0e7
- #89cee9
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(35.04% 0.0537 270.70) 0.0%, oklch(36.05% 0.0568 273.45) 1.8%, oklch(37.25% 0.0607 276.69) 3.6%, oklch(38.63% 0.0655 280.40) 5.5%, oklch(40.17% 0.0709 284.51) 7.3%, oklch(41.84% 0.0769 288.99) 9.1%, oklch(43.64% 0.0833 293.79) 10.9%, oklch(45.54% 0.0900 298.87) 12.7%, oklch(47.52% 0.0968 304.17) 14.5%, oklch(49.56% 0.1037 309.67) 16.4%, oklch(51.64% 0.1104 315.30) 18.2%, oklch(53.75% 0.1170 321.02) 20.0%, oklch(55.86% 0.1232 326.80) 21.8%, oklch(57.96% 0.1289 332.57) 23.6%, oklch(60.02% 0.1340 338.31) 25.5%, oklch(62.03% 0.1384 343.96) 27.3%, oklch(63.97% 0.1419 349.48) 29.1%, oklch(65.82% 0.1445 354.82) 30.9%, oklch(67.56% 0.1459 359.94) 32.7%, oklch(69.22% 0.1460 4.82) 34.5%, oklch(70.93% 0.1450 9.56) 36.4%, oklch(72.70% 0.1429 14.20) 38.2%, oklch(74.51% 0.1399 18.75) 40.0%, oklch(76.34% 0.1360 23.23) 41.8%, oklch(78.17% 0.1273 27.68) 43.6%, oklch(80.00% 0.1155 32.11) 45.5%, oklch(81.79% 0.1047 36.54) 47.3%, oklch(83.54% 0.0951 41.01) 49.1%, oklch(85.24% 0.0864 45.53) 50.9%, oklch(86.85% 0.0786 50.13) 52.7%, oklch(88.37% 0.0718 54.82) 54.5%, oklch(89.78% 0.0660 59.64) 56.4%, oklch(91.06% 0.0613 64.60) 58.2%, oklch(92.20% 0.0578 69.73) 60.0%, oklch(93.18% 0.0559 75.06) 61.8%, oklch(93.98% 0.0563 80.59) 63.6%, oklch(94.59% 0.0601 86.37) 65.5%, oklch(94.99% 0.0669 92.41) 67.3%, oklch(95.13% 0.0655 99.02) 69.1%, oklch(95.03% 0.0647 106.18) 70.9%, oklch(94.71% 0.0642 113.80) 72.7%, oklch(94.20% 0.0642 121.80) 74.5%, oklch(93.52% 0.0645 130.10) 76.4%, oklch(92.71% 0.0651 138.59) 78.2%, oklch(91.78% 0.0660 147.20) 80.0%, oklch(90.76% 0.0671 155.84) 81.8%, oklch(89.68% 0.0683 164.42) 83.6%, oklch(88.56% 0.0697 172.86) 85.5%, oklch(87.44% 0.0711 181.06) 87.3%, oklch(86.33% 0.0725 188.94) 89.1%, oklch(85.27% 0.0739 196.41) 90.9%, oklch(84.27% 0.0752 203.38) 92.7%, oklch(83.37% 0.0764 209.77) 94.5%, oklch(82.59% 0.0773 215.49) 96.4%, oklch(81.96% 0.0781 220.45) 98.2%, oklch(81.50% 0.0785 224.56) 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
