Azul-marinho, roxo, rosa e verde-claro: amostras angulares
Amostras angulares, 64 cores a 215°: #17162c, #6b2849, #d94c65, #40ba80, #b8f0b3. Edite e exporte CSS, SVG, PNG ou um shader.
5 quadros-chave OKLCH editáveis.
- #17162c
- #19172e
- #1c1830
- #1f1833
- #231a36
- #271b38
- #2c1c3b
- #321d3e
- #371e40
- #3e1f42
- #442043
- #4a2145
- #512246
- #582447
- #5e2547
- #652748
- #6b2849
- #712a4b
- #782c4d
- #7f2d50
- #862f54
- #8d3259
- #94345e
- #9b3663
- #a23868
- #aa3b6c
- #b13d70
- #b83f73
- #bf4175
- #c64475
- #cd4672
- #d4496d
- #d94c65
- #de5058
- #e05547
- #e15c30
- #de6501
- #d17400
- #c58000
- #ba8900
- #ae9100
- #a19900
- #90a206
- #7da935
- #6aae4e
- #59b362
- #4ab773
- #40ba80
- #3cbd8a
- #3dc192
- #42c498
- #4bc89d
- #55cca1
- #5fd0a4
- #6ad4a6
- #76d8a8
- #81dca9
- #8be0ab
- #95e3ac
- #9fe7ad
- #a7e9ae
- #aeecb0
- #b4eeb1
- #b8f0b3
CSS
background: conic-gradient(from 215deg, oklch(21.26% 0.0427 284.06) 0.000% 1.563%, oklch(21.85% 0.0448 286.57) 1.563% 3.125%, oklch(22.55% 0.0473 289.72) 3.125% 4.688%, oklch(23.34% 0.0501 293.44) 4.688% 6.250%, oklch(24.22% 0.0532 297.63) 6.250% 7.813%, oklch(25.18% 0.0566 302.20) 7.813% 9.375%, oklch(26.21% 0.0603 307.07) 9.375% 10.938%, oklch(27.30% 0.0642 312.15) 10.938% 12.500%, oklch(28.44% 0.0682 317.34) 12.500% 14.063%, oklch(29.63% 0.0724 322.56) 14.063% 15.625%, oklch(30.86% 0.0767 327.72) 15.625% 17.188%, oklch(32.11% 0.0811 332.72) 17.188% 18.750%, oklch(33.38% 0.0855 337.49) 18.750% 20.313%, oklch(34.67% 0.0900 341.93) 20.313% 21.875%, oklch(35.96% 0.0944 345.94) 21.875% 23.438%, oklch(37.24% 0.0988 349.45) 23.438% 25.000%, oklch(38.51% 0.1030 352.35) 25.000% 26.563%, oklch(39.84% 0.1077 354.46) 26.563% 28.125%, oklch(41.25% 0.1128 355.83) 28.125% 29.688%, oklch(42.74% 0.1182 356.58) 29.688% 31.250%, oklch(44.27% 0.1240 356.87) 31.250% 32.813%, oklch(45.84% 0.1298 356.82) 32.813% 34.375%, oklch(47.44% 0.1358 356.58) 34.375% 35.938%, oklch(49.05% 0.1417 356.28) 35.938% 37.500%, oklch(50.65% 0.1474 356.05) 37.500% 39.063%, oklch(52.23% 0.1530 356.05) 39.063% 40.625%, oklch(53.78% 0.1581 356.39) 40.625% 42.188%, oklch(55.27% 0.1629 357.22) 42.188% 43.750%, oklch(56.71% 0.1671 358.69) 43.750% 45.313%, oklch(58.07% 0.1708 0.91) 45.313% 46.875%, oklch(59.33% 0.1736 4.04) 46.875% 48.438%, oklch(60.49% 0.1757 8.20) 48.438% 50.000%, oklch(61.52% 0.1768 13.59) 50.000% 51.563%, oklch(62.43% 0.1771 20.52) 51.563% 53.125%, oklch(63.22% 0.1766 28.82) 53.125% 54.688%, oklch(63.90% 0.1754 38.28) 54.688% 56.250%, oklch(64.51% 0.1735 48.65) 56.250% 57.813%, oklch(65.05% 0.1530 59.70) 57.813% 59.375%, oklch(65.54% 0.1409 71.24) 59.375% 60.938%, oklch(66.00% 0.1357 83.02) 60.938% 62.500%, oklch(66.45% 0.1364 94.81) 62.500% 64.063%, oklch(66.90% 0.1429 106.39) 64.063% 65.625%, oklch(67.37% 0.1547 117.53) 65.625% 67.188%, oklch(67.88% 0.1511 127.99) 67.188% 68.750%, oklch(68.44% 0.1476 137.56) 68.750% 70.313%, oklch(69.08% 0.1442 146.00) 70.313% 71.875%, oklch(69.80% 0.1411 153.10) 71.875% 73.438%, oklch(70.64% 0.1384 158.61) 73.438% 75.000%, oklch(71.60% 0.1360 162.48) 75.000% 76.563%, oklch(72.70% 0.1334 165.03) 76.563% 78.125%, oklch(73.92% 0.1307 166.42) 78.125% 79.688%, oklch(75.22% 0.1280 166.79) 79.688% 81.250%, oklch(76.60% 0.1253 166.29) 81.250% 82.813%, oklch(78.03% 0.1225 165.04) 82.813% 84.375%, oklch(79.49% 0.1198 163.19) 84.375% 85.938%, oklch(80.95% 0.1171 160.89) 85.938% 87.500%, oklch(82.39% 0.1145 158.27) 87.500% 89.063%, oklch(83.79% 0.1120 155.47) 89.063% 90.625%, oklch(85.13% 0.1096 152.63) 90.625% 92.188%, oklch(86.39% 0.1074 149.90) 92.188% 93.750%, oklch(87.55% 0.1053 147.41) 93.750% 95.313%, oklch(88.57% 0.1035 145.31) 95.313% 96.875%, oklch(89.45% 0.1019 143.73) 96.875% 98.438%, oklch(90.16% 0.1006 142.81) 98.438% 100.000%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
