Hồng và tím (tương đồng) tông rực rỡ (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #f66cb8, #ebb3db, #bc66b6, #a80f9d, #e662b5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #f66cb8
- #f572bb
- #f57ac0
- #f485c6
- #f290cc
- #f19bd1
- #efa5d6
- #edadd9
- #ebb3db
- #e8b7dc
- #e5b6da
- #e1b2d8
- #dca8d3
- #d59bcd
- #ce8bc6
- #c579be
- #bc66b6
- #b453af
- #ac40a8
- #a62da3
- #a21b9e
- #a10d9c
- #a3079c
- #a80f9d
- #af1b9f
- #b828a2
- #c134a5
- #ca41a9
- #d34cac
- #db56b0
- #e15db3
- #e662b5
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(72.05% 0.1874 348.75) 0.0%, oklch(72.84% 0.1797 347.86) 3.2%, oklch(74.09% 0.1683 346.66) 6.5%, oklch(75.65% 0.1544 345.22) 9.7%, oklch(77.38% 0.1389 343.61) 12.9%, oklch(79.12% 0.1230 341.91) 16.1%, oklch(80.74% 0.1075 340.17) 19.4%, oklch(82.08% 0.0936 338.47) 22.6%, oklch(83.00% 0.0823 336.87) 25.8%, oklch(83.35% 0.0745 335.45) 29.0%, oklch(82.98% 0.0715 334.28) 32.3%, oklch(81.69% 0.0741 333.35) 35.5%, oklch(79.31% 0.0825 332.47) 38.7%, oklch(76.06% 0.0955 331.64) 41.9%, oklch(72.20% 0.1119 330.90) 45.2%, oklch(68.00% 0.1305 330.27) 48.4%, oklch(63.70% 0.1500 329.75) 51.6%, oklch(59.57% 0.1694 329.39) 54.8%, oklch(55.87% 0.1874 329.21) 58.1%, oklch(52.84% 0.2027 329.22) 61.3%, oklch(50.75% 0.2142 329.44) 64.5%, oklch(49.83% 0.2207 329.93) 67.7%, oklch(50.02% 0.2234 330.81) 71.0%, oklch(51.08% 0.2232 332.07) 74.2%, oklch(52.83% 0.2206 333.61) 77.4%, oklch(55.09% 0.2163 335.34) 80.6%, oklch(57.65% 0.2108 337.17) 83.9%, oklch(60.34% 0.2047 339.00) 87.1%, oklch(62.95% 0.1986 340.74) 90.3%, oklch(65.31% 0.1931 342.30) 93.5%, oklch(67.23% 0.1887 343.59) 96.8%, oklch(68.50% 0.1860 344.52) 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
