Chuyển đến nội dung

Bảng màu Grabient

Xanh dương nhạt, xanh lá đậm, nâu và đỏ (gradient tuyến tính)

Bảng màu Xanh dương nhạt, xanh lá đậm, nâu và đỏ

Gradient tuyến tính, 34 màu, góc 0°: #ebfcff, #93bbcd, #425f4f, #452a0c, #8c2220. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

  • #ebfcff
  • #def9ff
  • #d1f4fd
  • #c8ebf8
  • #bee2f3
  • #b4d8ec
  • #aacee3
  • #9fc5d9
  • #93bbcd
  • #86b2bf
  • #7aa7b0
  • #6f9da0
  • #659290
  • #5d8881
  • #567e74
  • #4f7367
  • #48695b
  • #425f4f
  • #3d5644
  • #3a4e3a
  • #384730
  • #384126
  • #3a3a1c
  • #3e3414
  • #412e0f
  • #452a0c
  • #49260d
  • #4f230f
  • #582211
  • #632214
  • #6f2217
  • #7b231a
  • #85231d
  • #8c2220

CSS

background: linear-gradient(0deg in oklch, oklch(98.03% 0.0182 208.08) 0.0%, oklch(96.49% 0.0299 211.17) 3.0%, oklch(94.44% 0.0385 216.07) 6.1%, oklch(91.99% 0.0412 221.70) 9.1%, oklch(89.24% 0.0441 227.06) 12.1%, oklch(86.31% 0.0467 231.14) 15.2%, oklch(83.30% 0.0488 232.91) 18.2%, oklch(80.28% 0.0500 231.39) 21.2%, oklch(77.03% 0.0505 226.69) 24.2%, oklch(73.56% 0.0505 219.64) 27.3%, oklch(69.96% 0.0502 211.05) 30.3%, oklch(66.33% 0.0496 201.75) 33.3%, oklch(62.75% 0.0490 192.54) 36.4%, oklch(59.32% 0.0483 184.24) 39.4%, oklch(55.98% 0.0476 177.34) 42.4%, oklch(52.55% 0.0462 171.24) 45.5%, oklch(49.12% 0.0446 165.43) 48.5%, oklch(45.81% 0.0431 159.43) 51.5%, oklch(42.74% 0.0421 152.73) 54.5%, oklch(40.03% 0.0420 144.83) 57.6%, oklch(37.78% 0.0430 135.22) 60.6%, oklch(35.84% 0.0447 122.92) 63.6%, oklch(34.15% 0.0469 108.48) 66.7%, oklch(32.77% 0.0498 93.04) 69.7%, oklch(31.75% 0.0536 77.76) 72.7%, oklch(31.15% 0.0585 63.77) 75.8%, oklch(31.01% 0.0646 52.23) 78.8%, oklch(31.49% 0.0727 43.95) 81.8%, oklch(32.84% 0.0838 38.05) 84.8%, oklch(34.80% 0.0967 33.95) 87.9%, oklch(37.06% 0.1103 31.20) 90.9%, oklch(39.31% 0.1233 29.32) 93.9%, oklch(41.23% 0.1342 27.87) 97.0%, oklch(42.52% 0.1419 26.36) 100.0%);

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

Tuyết tan vùng Alps

Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động