Xanh hải quân, tím và hồng (ba tông) tông trầm (gradient tuyến tính)

Xanh hải quân, tím và hồng (ba tông) tông trầm: bảng màu gồm 32 màu. #1c2940, #3a3d60, #6b5c81, #9f7d96, #d1a7a0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1c2940
#1e2a42
#202c45
#242e49
#27314d
#2b3452
#303757
#353a5b
#3a3d60
#404165
#454469
#4b476d
#514b71
#574f75
#5e5379
#64587d
#6b5c81
#726185
#796588
#806a8c
#876e8f
#8f7391
#977894
#9f7d96
#a88298
#b08899
#b88e9a
#bf949b
#c5999c
#ca9f9d
#cea39f
#d1a7a0

CSS

background: linear-gradient(90deg in oklch, oklch(27.95% 0.0469 261.56) 0.0%, oklch(28.68% 0.0478 262.91) 3.2%, oklch(29.58% 0.0491 264.56) 6.5%, oklch(30.63% 0.0508 266.49) 9.7%, oklch(31.82% 0.0526 268.67) 12.9%, oklch(33.12% 0.0545 271.05) 16.1%, oklch(34.50% 0.0563 273.61) 19.4%, oklch(35.95% 0.0581 276.31) 22.6%, oklch(37.44% 0.0597 279.11) 25.8%, oklch(38.94% 0.0610 281.99) 29.0%, oklch(40.45% 0.0618 284.90) 32.3%, oklch(41.95% 0.0622 287.80) 35.5%, oklch(43.53% 0.0623 290.66) 38.7%, oklch(45.18% 0.0621 293.53) 41.9%, oklch(46.88% 0.0616 296.47) 45.2%, oklch(48.63% 0.0609 299.53) 48.4%, oklch(50.40% 0.0601 302.77) 51.6%, oklch(52.18% 0.0593 306.23) 54.8%, oklch(53.97% 0.0584 309.99) 58.1%, oklch(55.75% 0.0576 314.08) 61.3%, oklch(57.51% 0.0569 318.56) 64.5%, oklch(59.24% 0.0563 323.53) 67.7%, oklch(61.08% 0.0557 329.46) 71.0%, oklch(63.01% 0.0551 336.26) 74.2%, oklch(65.00% 0.0545 343.65) 77.4%, oklch(67.00% 0.0539 351.37) 80.6%, oklch(68.95% 0.0533 359.15) 83.9%, oklch(70.81% 0.0527 6.71) 87.1%, oklch(72.53% 0.0522 13.79) 90.3%, oklch(74.06% 0.0517 20.12) 93.5%, oklch(75.36% 0.0513 25.42) 96.8%, oklch(76.38% 0.0510 29.43) 100.0%);

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

Màu liminal

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