Cầu vồng từ tím đậm sang nâu vàng (gradient hình nón)

Cầu vồng từ tím đậm sang nâu vàng: bảng màu gồm 64 màu. #22152e, #e0d895, #bf6d96, #2f3a61, #f4c475. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#22152e
#2e1b35
#3f253e
#553147
#6f404e
#895252
#a26855
#b68158
#c49b5f
#cdb56c
#d1cd7d
#d2e08f
#d4ec9d
#d6f1a4
#daeea2
#dee59c
#e0d895
#dec78f
#d6b58c
#c9a38a
#b89389
#a58685
#927a7f
#837178
#786972
#72656f
#716370
#756375
#7e647c
#8a6684
#9a698c
#ab6b92
#bf6d96
#d26f98
#e37097
#f17196
#fb7195
#ff7096
#fd6d9b
#f369a0
#e164a5
#ca5ea7
#af59a5
#92539e
#754c93
#5a4684
#424072
#2f3a61
#223451
#1a3145
#16303d
#17323c
#19393e
#1f4243
#284f49
#355e50
#476f55
#5e7f5a
#78905d
#949f60
#b1ac63
#ccb768
#e2bf6e
#f4c475

CSS

background: conic-gradient(from 315deg in oklch, oklch(22.44% 0.0496 306.56) 0.0%, oklch(25.93% 0.0525 315.64) 1.6%, oklch(30.70% 0.0567 328.28) 3.2%, oklch(36.51% 0.0619 343.71) 4.8%, oklch(43.07% 0.0677 1.17) 6.3%, oklch(50.11% 0.0740 19.91) 7.9%, oklch(57.39% 0.0804 39.15) 9.5%, oklch(64.61% 0.0866 58.14) 11.1%, oklch(71.53% 0.0923 76.11) 12.7%, oklch(77.86% 0.0973 92.30) 14.3%, oklch(83.35% 0.1013 105.96) 15.9%, oklch(87.72% 0.1039 116.31) 17.5%, oklch(90.71% 0.1050 122.59) 19.0%, oklch(92.06% 0.1041 124.06) 20.6%, oklch(91.77% 0.1004 120.57) 22.2%, oklch(90.08% 0.0943 112.82) 23.8%, oklch(87.25% 0.0863 101.60) 25.4%, oklch(83.52% 0.0770 87.67) 27.0%, oklch(79.16% 0.0669 71.81) 28.6%, oklch(74.42% 0.0567 54.80) 30.2%, oklch(69.55% 0.0468 37.41) 31.7%, oklch(64.80% 0.0379 20.42) 33.3%, oklch(60.43% 0.0305 4.60) 34.9%, oklch(56.70% 0.0252 350.72) 36.5%, oklch(53.85% 0.0224 339.57) 38.1%, oklch(52.15% 0.0229 331.91) 39.7%, oklch(51.71% 0.0273 328.08) 41.3%, oklch(52.29% 0.0360 327.25) 42.9%, oklch(53.69% 0.0481 328.85) 44.4%, oklch(55.73% 0.0628 332.37) 46.0%, oklch(58.22% 0.0793 337.27) 47.6%, oklch(60.98% 0.0969 343.03) 49.2%, oklch(63.82% 0.1146 349.11) 50.8%, oklch(66.56% 0.1318 354.98) 52.4%, oklch(69.02% 0.1476 0.12) 54.0%, oklch(71.00% 0.1611 4.00) 55.6%, oklch(72.32% 0.1717 6.08) 57.1%, oklch(72.79% 0.1769 5.84) 58.7%, oklch(72.23% 0.1805 2.78) 60.3%, oklch(70.42% 0.1778 357.42) 61.9%, oklch(67.48% 0.1708 350.32) 63.5%, oklch(63.66% 0.1604 341.72) 65.1%, oklch(59.20% 0.1474 331.85) 66.7%, oklch(54.34% 0.1325 320.92) 68.3%, oklch(49.32% 0.1164 309.16) 69.8%, oklch(44.39% 0.1001 296.81) 71.4%, oklch(39.78% 0.0841 284.08) 73.0%, oklch(35.74% 0.0694 271.21) 74.6%, oklch(32.51% 0.0566 258.42) 76.2%, oklch(30.34% 0.0466 245.94) 77.8%, oklch(29.46% 0.0400 234.00) 79.4%, oklch(30.09% 0.0375 222.45) 81.0%, oklch(32.17% 0.0380 210.08) 82.5%, oklch(35.46% 0.0409 196.95) 84.1%, oklch(39.74% 0.0459 183.33) 85.7%, oklch(44.77% 0.0525 169.45) 87.3%, oklch(50.33% 0.0603 155.58) 88.9%, oklch(56.18% 0.0688 141.96) 90.5%, oklch(62.10% 0.0777 128.83) 92.1%, oklch(67.85% 0.0864 116.45) 93.7%, oklch(73.21% 0.0946 105.06) 95.2%, oklch(77.95% 0.1018 94.92) 96.8%, oklch(81.84% 0.1077 86.27) 98.4%, oklch(84.65% 0.1116 79.36) 100.0%);

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

Màu siêu thực

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