Xám, xanh lá, xanh dương và tím đậm (gradient xuyên tâm)

Xám, xanh lá, xanh dương và tím đậm: bảng màu gồm 32 màu. #ebe5cd, #5e7b56, #2a524c, #886d93, #333049. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ebe5cd
#e1dcc1
#d1cfb1
#bfc09e
#aab08b
#95a079
#80926a
#6d855e
#5e7b56
#527350
#486a4b
#416246
#3b5c43
#365742
#315343
#2d5246
#2a524c
#2b5658
#335c69
#43637b
#58688a
#6d6c93
#7e6e96
#886d93
#886a8d
#816385
#745a7b
#655070
#554665
#463d5a
#3a3550
#333049

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(92.13% 0.0331 95.62) 0.0%, oklch(89.07% 0.0361 99.04) 3.2%, oklch(84.84% 0.0405 103.64) 6.5%, oklch(79.78% 0.0459 109.11) 9.7%, oklch(74.28% 0.0515 115.16) 12.9%, oklch(68.69% 0.0569 121.49) 16.1%, oklch(63.39% 0.0616 127.80) 19.4%, oklch(58.74% 0.0649 133.79) 22.6%, oklch(55.08% 0.0663 139.13) 25.8%, oklch(51.89% 0.0656 143.14) 29.0%, oklch(48.96% 0.0633 146.15) 32.3%, oklch(46.34% 0.0599 148.86) 35.5%, oklch(44.13% 0.0560 151.96) 38.7%, oklch(42.38% 0.0522 156.15) 41.9%, oklch(41.18% 0.0490 162.12) 45.2%, oklch(40.59% 0.0471 170.57) 48.4%, oklch(40.81% 0.0470 182.48) 51.6%, oklch(42.43% 0.0485 199.40) 54.8%, oklch(45.11% 0.0512 219.95) 58.1%, oklch(48.36% 0.0545 242.37) 61.3%, oklch(51.71% 0.0580 264.90) 64.5%, oklch(54.68% 0.0612 285.77) 67.7%, oklch(56.79% 0.0636 303.23) 71.0%, oklch(57.55% 0.0647 315.49) 74.2%, oklch(56.60% 0.0643 321.38) 77.4%, oklch(54.14% 0.0625 322.05) 80.6%, oklch(50.63% 0.0599 318.82) 83.9%, oklch(46.48% 0.0567 312.98) 87.1%, oklch(42.14% 0.0532 305.79) 90.3%, oklch(38.04% 0.0500 298.55) 93.5%, oklch(34.61% 0.0473 292.53) 96.8%, oklch(32.28% 0.0455 289.01) 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