Bir renk seti yapıştırın veya içe aktarın ve CSS değişkenleri, SCSS, Tailwind config, JSON veya SVG renk kartları olarak anında dışa aktarın — herhangi bir paletin son adımı.

HEX değerleri yapıştırın (satır başına bir tane veya virgülle/boşlukla ayrılmış). rgb() ve hsl() de kabul edilir.

Palet

Geçerli renk bulunamadı — girdinizi kontrol edin.

Dışa aktarma biçimi
Dışa aktarma kodu

							

Her şey tarayıcınızda çalışır — palet yapıştırın ve herhangi bir biçimde üretime hazır kod kopyalayın. Kayıt yok, tamamen ücretsiz.


Palet Dışa Aktarıcı Hakkında

Palette Exporter, herhangi bir renk paleti için son adımdır: bir dizi renk yapıştırın ve projenizin ihtiyaç duyduğu formatta üretime hazır kod alın. Satır başına bir tane veya virgül ve boşluklarla ayrılmış HEX değerlerini kabul eder ve rgb() ile hsl() gösterimini de anlar.

Canlı olarak altı çıktı formatı üretilir: CSS özel özellikleri, SCSS değişkenleri, bir Tailwind yapılandırma renk bloğu, JSON, SVG renk örnekleri ve düz bir HEX listesi. Yapılandırılabilir bir değişken öneki, üretilen adları kod tabanınızla tutarlı tutar ve her format panoya kopyalanabilir veya dosya olarak indirilebilir.

Her şey tarayıcınızda çalışır — yapıştırdığınız renkler asla hiçbir yere gönderilmez. Diğer palet araçlarıyla doğal olarak eşleşir: paleti başka yerde çıkarın veya oluşturun, buraya yapıştırın ve stil sayfanızın, çerçevenizin veya tasarım hattınızın tam olarak beklediği kod parçasıyla ayrılın.

Palet Dışa Aktarıcı Nasıl Kullanılır

  1. Renklerinizi girişe yapıştırın — HEX, rgb() veya hsl(), satır başına bir tane veya virgülle ayrılmış.
  2. Onları bir palete ayrıştırmak için "Renkleri güncelle"ye tıklayın veya denemek için örneği yükleyin.
  3. Bir dışa aktarma formatı seçin: CSS değişkenleri, SCSS, Tailwind yapılandırması, JSON, SVG renk örnekleri veya düz HEX.
  4. Özel adlandırma istiyorsanız değişken önekini ayarlayın.
  5. Üretilen kodu kopyalayın veya dosya olarak indirin.

Sıkça sorulan sorular

HEX değerleri (# işareti ile veya işaretsiz), rgb() ve hsl() gösterimi tanınır. Formatları karıştırabilir ve renkleri yeni satırlar, virgüller veya boşluklarla ayırabilirsiniz — ayrıştırıcı her geçerli rengi seçer ve gerisini yok sayar.

Evet. Ayrıştırma ve kod üretimi tamamen tarayıcınızda gerçekleşir, bu yüzden araç hesap, kredi veya palet ya da dışa aktarma sınırı olmadan ücretsizdir.

Renklerinizi yapıştırın, "Tailwind config" formatını seçin ve üretilen bloğu Tailwind yapılandırmanızın colors bölümüne kopyalayın. Değişken öneki ayarı, her renk için kullanılan anahtar adlarını kontrol eder.

Hayır. Renkler tarayıcı sekmenizde kalır — ayrıştırma veya dışa aktarma sırasında hiçbir sunucu isteği yapılmaz ve sayfadan ayrıldığınızda hiçbir şey kaydedilmez.

Her palet rengini etiketli bir renk örneği olarak gösteren küçük bir SVG dosyası üretir. Ekran görüntüsü almadan dokümantasyona, README dosyalarına veya tasarım teslim sayfalarına görsel bir palet referansı eklemek için kullanışlıdır.


Popüler aramalar
palet dışa aktarıcı renkleri css olarak aktar palet scss aktarma tailwind renk yapılandırması palet json dışa aktarma renk örnekleri svg
Yardıma mı ihtiyacınız var?
Bu araçta bir sorun mu buldunuz? Ekibimize bildirin.
Sorun bildir

Bu ücretsiz aracı kendi web sitenize ekleyin — aşağıdaki kodu kopyalayıp yapıştırın.