Hồng, xám, xanh dương nhạt và xanh dương (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 225°: #bf8f94, #87768f, #657692, #a9d6e7, #5f8498. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #bf8f94
- #bd8e94
- #bb8c94
- #b88b94
- #b58994
- #b28794
- #ae8594
- #aa8394
- #a58193
- #a18093
- #9d7e92
- #997c91
- #957a91
- #917990
- #8d788f
- #8a778f
- #87768f
- #84758e
- #81748e
- #7e728d
- #7b718c
- #78708c
- #756f8b
- #726e8b
- #6f6e8a
- #6c6d8a
- #6a6d8a
- #686d8b
- #666e8b
- #656f8c
- #64718e
- #647390
- #657692
- #677b96
- #6a809b
- #6e87a1
- #738ea8
- #7896af
- #7e9eb6
- #84a6be
- #8bafc5
- #91b7cc
- #97bfd3
- #9dc6d9
- #a1ccde
- #a5d1e3
- #a8d4e5
- #a9d6e7
- #a9d6e6
- #a7d5e4
- #a4d1e1
- #a0cddd
- #9bc8d8
- #95c2d2
- #8fbbcb
- #89b4c4
- #82acbe
- #7ca5b7
- #759eb0
- #7097aa
- #6a91a4
- #668c9f
- #62889b
- #5f8498
CSS
background: linear-gradient(225deg in oklch, oklch(69.69% 0.0593 11.95) 0.0%, oklch(69.29% 0.0586 10.00) 1.6%, oklch(68.80% 0.0578 7.64) 3.2%, oklch(68.21% 0.0568 4.93) 4.8%, oklch(67.56% 0.0557 1.91) 6.3%, oklch(66.84% 0.0545 358.61) 7.9%, oklch(66.08% 0.0532 355.08) 9.5%, oklch(65.28% 0.0518 351.36) 11.1%, oklch(64.46% 0.0505 347.49) 12.7%, oklch(63.65% 0.0491 343.51) 14.3%, oklch(62.84% 0.0478 339.47) 15.9%, oklch(62.05% 0.0466 335.40) 17.5%, oklch(61.30% 0.0455 331.35) 19.0%, oklch(60.60% 0.0445 327.35) 20.6%, oklch(59.97% 0.0437 323.46) 22.2%, oklch(59.41% 0.0430 319.70) 23.8%, oklch(58.94% 0.0426 316.12) 25.4%, oklch(58.46% 0.0424 312.54) 27.0%, oklch(57.93% 0.0424 308.91) 28.6%, oklch(57.37% 0.0424 305.23) 30.2%, oklch(56.81% 0.0427 301.52) 31.7%, oklch(56.26% 0.0430 297.78) 33.3%, oklch(55.73% 0.0434 294.05) 34.9%, oklch(55.26% 0.0439 290.32) 36.5%, oklch(54.85% 0.0444 286.62) 38.1%, oklch(54.53% 0.0449 282.96) 39.7%, oklch(54.32% 0.0455 279.34) 41.3%, oklch(54.23% 0.0461 275.79) 42.9%, oklch(54.29% 0.0467 272.32) 44.4%, oklch(54.51% 0.0472 268.95) 46.0%, oklch(54.92% 0.0477 265.67) 47.6%, oklch(55.52% 0.0481 262.52) 49.2%, oklch(56.38% 0.0484 259.48) 50.8%, oklch(57.65% 0.0487 256.41) 52.4%, oklch(59.30% 0.0490 253.32) 54.0%, oklch(61.26% 0.0493 250.24) 55.6%, oklch(63.47% 0.0497 247.17) 57.1%, oklch(65.86% 0.0500 244.16) 58.7%, oklch(68.37% 0.0503 241.22) 60.3%, oklch(70.92% 0.0506 238.38) 61.9%, oklch(73.45% 0.0509 235.67) 63.5%, oklch(75.90% 0.0512 233.10) 65.1%, oklch(78.19% 0.0514 230.70) 66.7%, oklch(80.26% 0.0517 228.50) 68.3%, oklch(82.04% 0.0519 226.52) 69.8%, oklch(83.47% 0.0521 224.78) 71.4%, oklch(84.47% 0.0522 223.31) 73.0%, oklch(84.99% 0.0523 222.14) 74.6%, oklch(84.97% 0.0524 221.31) 76.2%, oklch(84.46% 0.0524 220.87) 77.8%, oklch(83.50% 0.0524 220.78) 79.4%, oklch(82.18% 0.0524 221.00) 81.0%, oklch(80.53% 0.0523 221.49) 82.5%, oklch(78.64% 0.0522 222.19) 84.1%, oklch(76.56% 0.0521 223.07) 85.7%, oklch(74.35% 0.0519 224.07) 87.3%, oklch(72.07% 0.0518 225.16) 88.9%, oklch(69.79% 0.0517 226.29) 90.5%, oklch(67.56% 0.0515 227.42) 92.1%, oklch(65.46% 0.0514 228.49) 93.7%, oklch(63.53% 0.0512 229.47) 95.2%, oklch(61.85% 0.0511 230.32) 96.8%, oklch(60.46% 0.0510 230.97) 98.4%, oklch(59.45% 0.0510 231.41) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
