Tím, tím oải hương, nâu và hồng đào (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #a87493, #cbb8d6, #be9dab, #b6806f, #ff9f77. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #a87493
- #a97695
- #aa7998
- #ac7c9c
- #ae80a0
- #b084a5
- #b289aa
- #b48eaf
- #b793b4
- #b998b9
- #bc9dbe
- #bfa2c3
- #c1a7c7
- #c4accc
- #c6b0cf
- #c9b4d3
- #cbb8d6
- #cdbbd8
- #cfbeda
- #d0c0db
- #d1c1dc
- #d2c2dc
- #d2c1db
- #d2c0d9
- #d1bed6
- #cfbbd3
- #ceb8cf
- #ccb4ca
- #c9b0c4
- #c7acbe
- #c4a7b8
- #c1a2b2
- #be9dab
- #bb99a5
- #b8949e
- #b59097
- #b28c91
- #b0888b
- #ae8586
- #ac8281
- #ab807c
- #aa7e79
- #ab7d76
- #ac7d74
- #ad7d72
- #b07e71
- #b37f70
- #b6806f
- #ba816f
- #bf836f
- #c3856f
- #c88770
- #ce8a70
- #d38c71
- #d88e72
- #de9173
- #e39373
- #e89574
- #ed9775
- #f29976
- #f69b76
- #f99d77
- #fc9e77
- #ff9f77
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(62.20% 0.0772 343.13) 0.0%, oklch(62.80% 0.0761 342.21) 1.6%, oklch(63.57% 0.0748 340.96) 3.2%, oklch(64.49% 0.0733 339.41) 4.8%, oklch(65.53% 0.0716 337.62) 6.3%, oklch(66.69% 0.0697 335.62) 7.9%, oklch(67.93% 0.0676 333.46) 9.5%, oklch(69.25% 0.0655 331.19) 11.1%, oklch(70.61% 0.0632 328.85) 12.7%, oklch(72.00% 0.0609 326.48) 14.3%, oklch(73.39% 0.0586 324.13) 15.9%, oklch(74.78% 0.0563 321.85) 17.5%, oklch(76.13% 0.0540 319.68) 19.0%, oklch(77.43% 0.0518 317.66) 20.6%, oklch(78.65% 0.0497 315.85) 22.2%, oklch(79.78% 0.0477 314.27) 23.8%, oklch(80.80% 0.0458 312.99) 25.4%, oklch(81.68% 0.0442 312.04) 27.0%, oklch(82.41% 0.0427 311.47) 28.6%, oklch(82.96% 0.0415 311.32) 30.2%, oklch(83.32% 0.0406 311.64) 31.7%, oklch(83.46% 0.0400 312.48) 33.3%, oklch(83.36% 0.0396 313.89) 34.9%, oklch(83.02% 0.0393 315.88) 36.5%, oklch(82.45% 0.0392 318.40) 38.1%, oklch(81.69% 0.0392 321.38) 39.7%, oklch(80.77% 0.0393 324.77) 41.3%, oklch(79.70% 0.0396 328.51) 42.9%, oklch(78.51% 0.0400 332.56) 44.4%, oklch(77.22% 0.0405 336.85) 46.0%, oklch(75.87% 0.0411 341.33) 47.6%, oklch(74.48% 0.0419 345.94) 49.2%, oklch(73.06% 0.0427 350.63) 50.8%, oklch(71.65% 0.0437 355.34) 52.4%, oklch(70.28% 0.0449 0.02) 54.0%, oklch(68.96% 0.0461 4.61) 55.6%, oklch(67.72% 0.0474 9.06) 57.1%, oklch(66.58% 0.0489 13.31) 58.7%, oklch(65.58% 0.0505 17.30) 60.3%, oklch(64.74% 0.0522 20.99) 61.9%, oklch(64.07% 0.0540 24.30) 63.5%, oklch(63.61% 0.0559 27.20) 65.1%, oklch(63.39% 0.0579 29.62) 66.7%, oklch(63.38% 0.0601 31.66) 68.3%, oklch(63.55% 0.0627 33.46) 69.8%, oklch(63.89% 0.0656 35.03) 71.4%, oklch(64.38% 0.0688 36.40) 73.0%, oklch(65.00% 0.0722 37.57) 74.6%, oklch(65.73% 0.0759 38.57) 76.2%, oklch(66.56% 0.0796 39.41) 77.8%, oklch(67.48% 0.0835 40.10) 79.4%, oklch(68.45% 0.0874 40.67) 81.0%, oklch(69.48% 0.0914 41.12) 82.5%, oklch(70.54% 0.0954 41.48) 84.1%, oklch(71.61% 0.0994 41.76) 85.7%, oklch(72.67% 0.1033 41.98) 87.3%, oklch(73.72% 0.1070 42.15) 88.9%, oklch(74.74% 0.1106 42.28) 90.5%, oklch(75.70% 0.1140 42.41) 92.1%, oklch(76.59% 0.1172 42.53) 93.7%, oklch(77.40% 0.1201 42.67) 95.2%, oklch(78.10% 0.1227 42.85) 96.8%, oklch(78.69% 0.1249 43.07) 98.4%, oklch(79.13% 0.1268 43.36) 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
