Hồng, xanh dương, đen và xanh cổ vịt (bộ ba) (gradient xuyên tâm)

Bảng màu Hồng, xanh dương, đen và xanh cổ vịt (bộ ba)

Gradient xuyên tâm, 32 màu: #f7eee2, #9a79d6, #2b2354, #20232e, #7ea78a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f7eee2
#f5e4d5
#f5d7c6
#f5c6ba
#f1b3b6
#e7a0bb
#d48fc5
#ba83d0
#9a79d6
#7972d5
#5b6bce
#4562c1
#3957af
#34499a
#323b83
#2f2e6b
#2b2354
#251b40
#1f1530
#1a1225
#16111f
#16131f
#1a1924
#20232e
#28303d
#31414d
#3a545f
#45686e
#517c7a
#618e82
#719d87
#7ea78a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(95.28% 0.0193 75.23) 0.0%, oklch(92.96% 0.0281 65.04) 3.2%, oklch(89.97% 0.0407 50.95) 6.5%, oklch(86.42% 0.0562 33.94) 9.7%, oklch(82.45% 0.0733 14.96) 12.9%, oklch(78.17% 0.0912 354.98) 16.1%, oklch(73.70% 0.1086 334.97) 19.4%, oklch(69.17% 0.1245 315.89) 22.6%, oklch(64.69% 0.1379 298.71) 25.8%, oklch(60.38% 0.1476 284.40) 29.0%, oklch(56.37% 0.1525 273.91) 32.3%, oklch(52.52% 0.1518 268.15) 35.5%, oklch(48.16% 0.1453 266.90) 38.7%, oklch(43.45% 0.1344 269.20) 41.9%, oklch(38.62% 0.1202 274.06) 45.2%, oklch(33.87% 0.1037 280.49) 48.4%, oklch(29.43% 0.0862 287.51) 51.6%, oklch(25.52% 0.0688 294.12) 54.8%, oklch(22.36% 0.0527 299.33) 58.1%, oklch(20.18% 0.0390 302.17) 61.3%, oklch(19.18% 0.0290 301.63) 64.5%, oklch(19.63% 0.0235 296.77) 67.7%, oklch(21.87% 0.0217 287.61) 71.0%, oklch(25.69% 0.0225 275.02) 74.2%, oklch(30.72% 0.0255 259.86) 77.4%, oklch(36.59% 0.0301 242.99) 80.6%, oklch(42.93% 0.0357 225.27) 83.9%, oklch(49.38% 0.0418 207.56) 87.1%, oklch(55.57% 0.0479 190.74) 90.3%, oklch(61.13% 0.0535 175.65) 93.5%, oklch(65.69% 0.0579 163.16) 96.8%, oklch(68.90% 0.0606 154.14) 100.0%);

Trong các bộ sưu tập này

Đính đá lấp lánh

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