Hồng, tím và xanh hải quân (tương đồng) (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #fecbe5, #f851a9, #9c33d9, #3f39bf, #0d1943. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
7 keyframe OKLCH chỉnh sửa được.
- #fecbe5
- #ffc0e1
- #ffb1d9
- #ff9fd1
- #ff8bc8
- #fe79c0
- #fc6bb9
- #fa5eb1
- #f851a9
- #f445a4
- #ee3aa3
- #e632a8
- #da2eb2
- #cc2ebf
- #bb30cc
- #ab32d5
- #9c33d9
- #8d33dc
- #7e33dd
- #7033dc
- #6234d8
- #5535d2
- #4a37c9
- #3f39bf
- #363bb3
- #2e3aa6
- #263797
- #1f3286
- #192b72
- #14245e
- #101d4e
- #0d1943
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(89.37% 0.0675 345.94) 0.0%, oklch(87.40% 0.0831 346.39) 3.2%, oklch(84.59% 0.1037 347.08) 6.5%, oklch(81.35% 0.1287 347.84) 9.7%, oklch(78.09% 0.1554 348.54) 12.9%, oklch(75.21% 0.1791 349.05) 16.1%, oklch(72.88% 0.1944 349.69) 19.4%, oklch(70.77% 0.2070 350.84) 22.6%, oklch(68.81% 0.2173 351.80) 25.8%, oklch(66.96% 0.2256 351.81) 29.0%, oklch(65.16% 0.2323 350.16) 32.3%, oklch(63.40% 0.2374 346.08) 35.5%, oklch(61.75% 0.2402 339.58) 38.7%, oklch(60.18% 0.2412 331.64) 41.9%, oklch(58.64% 0.2410 323.27) 45.2%, oklch(57.09% 0.2402 315.48) 48.4%, oklch(55.50% 0.2394 309.03) 51.6%, oklch(53.91% 0.2387 303.07) 54.8%, oklch(52.32% 0.2375 297.45) 58.1%, oklch(50.73% 0.2350 292.24) 61.3%, oklch(49.12% 0.2305 287.50) 64.5%, oklch(47.50% 0.2232 283.31) 67.7%, oklch(46.01% 0.2129 279.61) 71.0%, oklch(44.56% 0.2004 276.39) 74.2%, oklch(43.01% 0.1864 273.65) 77.4%, oklch(41.20% 0.1718 271.38) 80.6%, oklch(38.95% 0.1575 269.59) 83.9%, oklch(35.91% 0.1414 268.47) 87.1%, oklch(32.31% 0.1238 267.96) 90.3%, oklch(28.65% 0.1066 267.82) 93.5%, oklch(25.45% 0.0917 267.82) 96.8%, oklch(23.23% 0.0813 267.74) 100.0%);Trong các bộ sưu tập này
Gradient cyberpunkGradient vaporwaveBảng màu vaporwaveGradient synthwave
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
