Tím, xanh cổ vịt và xám (gradient xuyên tâm)

Tím, xanh cổ vịt và xám: bảng màu gồm 40 màu. #835162, #2d5466, #6a8573, #b2b59b, #ceb5a8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

40 màu, 4 keyframe OKLCH chỉnh sửa được.

#835162
#7f5067
#7a506c
#724f70
#694f74
#5f4f76
#535076
#485174
#3d5270
#34536b
#2d5466
#2a5560
#2a575c
#2e5959
#335c58
#3b615a
#43675c
#4c6d61
#567566
#607d6c
#6a8573
#748d7a
#7e9581
#879d88
#91a38d
#99a992
#a0ae95
#a7b198
#adb39a
#b2b59b
#b7b69c
#bcb69d
#c0b69e
#c3b69f
#c6b6a0
#c8b6a2
#cab5a3
#ccb5a5
#cdb5a6
#ceb5a8

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(49.61% 0.0717 357.19) 0.0%, oklch(49.23% 0.0706 349.78) 2.6%, oklch(48.62% 0.0692 340.24) 5.1%, oklch(47.84% 0.0676 328.92) 7.7%, oklch(46.95% 0.0658 316.17) 10.3%, oklch(45.99% 0.0638 302.35) 12.8%, oklch(45.04% 0.0617 287.81) 15.4%, oklch(44.15% 0.0596 272.90) 17.9%, oklch(43.38% 0.0574 257.97) 20.5%, oklch(42.78% 0.0553 243.38) 23.1%, oklch(42.42% 0.0533 229.49) 25.6%, oklch(42.34% 0.0514 216.64) 28.2%, oklch(42.62% 0.0497 205.20) 30.8%, oklch(43.31% 0.0482 195.50) 33.3%, oklch(44.49% 0.0470 187.41) 35.9%, oklch(46.16% 0.0458 180.41) 38.5%, oklch(48.23% 0.0447 174.36) 41.0%, oklch(50.63% 0.0437 169.09) 43.6%, oklch(53.27% 0.0427 164.45) 46.2%, oklch(56.07% 0.0418 160.28) 48.7%, oklch(58.95% 0.0410 156.42) 51.3%, oklch(61.82% 0.0403 152.72) 53.8%, oklch(64.61% 0.0396 149.02) 56.4%, oklch(67.22% 0.0389 145.15) 59.0%, oklch(69.59% 0.0383 140.98) 61.5%, oklch(71.61% 0.0377 136.32) 64.1%, oklch(73.23% 0.0372 131.04) 66.7%, oklch(74.49% 0.0367 125.07) 69.2%, oklch(75.52% 0.0363 118.53) 71.8%, oklch(76.35% 0.0359 111.56) 74.4%, oklch(77.01% 0.0357 104.30) 76.9%, oklch(77.52% 0.0354 96.90) 79.5%, oklch(77.90% 0.0352 89.47) 82.1%, oklch(78.18% 0.0351 82.17) 84.6%, oklch(78.39% 0.0349 75.13) 87.2%, oklch(78.54% 0.0348 68.49) 89.7%, oklch(78.67% 0.0347 62.38) 92.3%, oklch(78.79% 0.0346 56.94) 94.9%, oklch(78.94% 0.0345 52.30) 97.4%, oklch(79.13% 0.0344 48.62) 100.0%);

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

Protea cuối đông

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