Tím và hồng (tương đồng) (sọc màu hình nón)

Sọc màu hình nón, 32 màu, góc 90°: #7d6dc1, #c493ff, #d2a6ff, #eca7ff, #ffdde7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

4 keyframe OKLCH chỉnh sửa được.

#7d6dc1
#8270c6
#8973cc
#9178d4
#9b7ddd
#a583e6
#b088ef
#ba8df8
#c493ff
#cb9aff
#d09fff
#d3a3ff
#d4a6ff
#d5a7ff
#d4a7ff
#d3a7ff
#d2a6ff
#d1a5ff
#d1a4ff
#d2a3ff
#d5a3ff
#dba4ff
#e2a5ff
#eca7ff
#f8a7ff
#ffaef8
#ffbaee
#ffc4e8
#ffcce6
#ffd3e5
#ffd9e6
#ffdde7

CSS

background: conic-gradient(from 90deg, oklch(58.66% 0.1268 291.09) 0.000% 3.125%, oklch(59.89% 0.1293 292.06) 3.125% 6.250%, oklch(61.57% 0.1326 293.36) 6.250% 9.375%, oklch(63.59% 0.1365 294.92) 9.375% 12.500%, oklch(65.84% 0.1408 296.66) 12.500% 15.625%, oklch(68.22% 0.1455 298.51) 15.625% 18.750%, oklch(70.63% 0.1504 300.38) 18.750% 21.875%, oklch(72.95% 0.1552 302.21) 21.875% 25.000%, oklch(75.09% 0.1584 303.91) 25.000% 28.125%, oklch(76.93% 0.1485 305.41) 28.125% 31.250%, oklch(78.37% 0.1407 306.62) 31.250% 34.375%, oklch(79.33% 0.1355 307.42) 34.375% 37.500%, oklch(79.87% 0.1321 307.68) 37.500% 40.625%, oklch(80.09% 0.1302 307.54) 40.625% 43.750%, oklch(80.07% 0.1297 307.16) 43.750% 46.875%, oklch(79.90% 0.1301 306.70) 46.875% 50.000%, oklch(79.64% 0.1311 306.31) 50.000% 53.125%, oklch(79.40% 0.1325 306.15) 53.125% 56.250%, oklch(79.24% 0.1341 306.39) 56.250% 59.375%, oklch(79.27% 0.1354 307.17) 59.375% 62.500%, oklch(79.55% 0.1364 308.66) 62.500% 65.625%, oklch(80.17% 0.1370 311.02) 65.625% 68.750%, oklch(81.11% 0.1382 314.52) 68.750% 71.875%, oklch(82.31% 0.1410 318.98) 71.875% 75.000%, oklch(83.70% 0.1463 324.15) 75.000% 78.125%, oklch(85.20% 0.1322 329.77) 78.125% 81.250%, oklch(86.75% 0.1037 335.59) 81.250% 84.375%, oklch(88.29% 0.0821 341.35) 84.375% 87.500%, oklch(89.74% 0.0658 346.80) 87.500% 90.625%, oklch(91.04% 0.0537 351.68) 90.625% 93.750%, oklch(92.12% 0.0450 355.74) 93.750% 96.875%, oklch(92.91% 0.0392 358.72) 96.875% 100.000%);

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động