Chuyển đến nội dung

Bảng màu Grabient

Đen, đỏ, nâu và xanh cổ vịt liền mạch (gradient hình nón)

Bảng màu Đen, đỏ, nâu và xanh cổ vịt liền mạch

Gradient hình nón, 34 màu, góc 180°: #00020d, #2d0300, #a38756, #1d8ca8, #01000d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

  • #00020d
  • #01000a
  • #000001
  • #000000
  • #000000
  • #000000
  • #020000
  • #120100
  • #2d0300
  • #4c0000
  • #650200
  • #7a0f07
  • #8c1e12
  • #9d2f1a
  • #a9421d
  • #ae5822
  • #ab7138
  • #a38756
  • #9d9573
  • #999e83
  • #91a389
  • #7ea88f
  • #60a99b
  • #3fa5a9
  • #2b9bae
  • #1d8ca8
  • #0e7c9b
  • #00698a
  • #005677
  • #004264
  • #002a4e
  • #011237
  • #010121
  • #01000d

CSS

background: conic-gradient(from 180deg in oklch, oklch(8.78% 0.0381 261.05) 0.0%, oklch(7.02% 0.0430 278.37) 3.0%, oklch(4.15% 0.0213 307.28) 6.1%, oklch(1.07% 0.0044 355.71) 9.1%, oklch(0.00% 0.0000 0.00) 12.1%, oklch(0.75% 0.0028 33.21) 15.2%, oklch(5.34% 0.0219 29.23) 18.2%, oklch(11.88% 0.0419 34.79) 21.2%, oklch(19.25% 0.0720 32.51) 24.2%, oklch(26.20% 0.1071 29.35) 27.3%, oklch(31.86% 0.1292 29.63) 30.3%, oklch(37.14% 0.1407 29.79) 33.3%, oklch(42.17% 0.1474 30.33) 36.4%, oklch(46.93% 0.1490 32.85) 39.4%, oklch(51.36% 0.1445 38.79) 42.4%, oklch(55.65% 0.1298 49.18) 45.5%, oklch(59.91% 0.1035 63.22) 48.5%, oklch(63.76% 0.0739 79.74) 51.5%, oklch(66.81% 0.0494 97.53) 54.5%, oklch(68.69% 0.0381 115.50) 57.6%, oklch(69.50% 0.0430 135.73) 60.6%, oklch(69.40% 0.0582 157.99) 63.6%, oklch(68.40% 0.0769 179.77) 66.7%, oklch(66.48% 0.0927 198.55) 69.7%, oklch(63.58% 0.0998 211.92) 72.7%, oklch(59.50% 0.1011 219.76) 75.8%, oklch(54.46% 0.0994 224.27) 78.8%, oklch(48.76% 0.0949 227.79) 81.8%, oklch(42.70% 0.0877 232.57) 84.8%, oklch(36.03% 0.0831 240.41) 87.9%, oklch(27.94% 0.0797 250.30) 90.9%, oklch(19.58% 0.0767 260.36) 93.9%, oklch(12.21% 0.0712 269.39) 97.0%, oklch(7.49% 0.0471 274.95) 100.0%);

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

Gradient cầu vồng vòng lặp

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