単色のカラーパレットを作成しSVG出力できる「CopyPalette」

◆ CopyPalette
https://copypalette.netlify.com/

紹介

「CopyPalette」は、単色のカラーパレットを作成しSVG出力できるグラフィックツールです。

Base Colorを変更するだけで、簡単に単一のカラーパレットが作成できます。

明るさのみ調整が可能。

<svg width="360" height="40">
  <rect width="40" height="40" x="0" y="0" fill="#4B557C" /> 
  <rect width="40" height="40" x="40" y="0" fill="#40496A" /> 
  <rect width="40" height="40" x="80" y="0" fill="#373E5B" /> 
  <rect width="40" height="40" x="120" y="0" fill="#2F354E" /> 
  <rect width="40" height="40" x="160" y="0" fill="#282D43" /> 
  <rect width="40" height="40" x="200" y="0" fill="#212538" /> 
  <rect width="40" height="40" x="240" y="0" fill="#1B1F2E" /> 
  <rect width="40" height="40" x="280" y="0" fill="#161A26" /> 
  <rect width="40" height="40" x="320" y="0" fill="#121620" />
</svg>

作成したカラーパレットはSVGで出力できます。

機能的に寂しいですが、簡単に色を決めたい時のツールとして使ってみてください。

◆ CopyPalette
https://copypalette.netlify.com/


コメントを読む

新着ピック  






















新着ニュース

[備忘録] Kinesis FirehoseのLambdaによるデータ変換について | Developers.IO

ECS Task DefinitionをActionsで自動更新する | Developers.IO

ECS Task DefinitionをActions...

DevelopersIO / 3時間前


アップル、Apple 名古屋栄と福岡の営業を5月27日より再開--客もスタッフもマスク着用で

「4Gスマホ」おすすめ3選ソフトバンク編 人気機種はもちろん2画面やコスパ重視モデルも【2020年春最新版】

「Yahoo! MAP」、最短20分前の街の混雑状況をヒートマップで表示可能に

【小ネタ】服にバーチャル動画を映す時の注意点 #zoom | Developers.IO

Fin-JAWS 第13回 PCI DSS と AWS の混ぜご飯レポート #finjaws #jawsug | Developers.IO

Fin-JAWS 第13回 PCI DSS と AWS...

DevelopersIO / 6時間前


首相「接触確認アプリ使って」 “緊急事態宣言解除後のカギ”と呼びかけ

マーベラス、中国テンセントの子会社が筆頭株主に--資本業務提携を締結

[Amazon SageMaker] イメージ分類(Image Classification)において、データセットの解像度が、学習及び、検出結果に与える影響について確認してみました | Developers.IO

東京ディズニーリゾート、グッズのネット販売に対応 チケットなしでも購入可 イベント限定品は「方法を模索中」

伊藤忠、ラズパイ活用の体温検知デバイスを発売 AIによる顔認識も

shellで学ぼう!プログラミングがちょっと上手になる(かも)Tips集!! | Developers.IO

ソニー、ドコモらが医療分野のIT活用で協業へ VRを使った“バーチャル面会”など検討

楽天ペイ、アプリ内で「Suica」が利用可能に--楽天カードからのチャージで0.5%還元

マストドン「mstdn.jp」、6月30日に終了 「中傷に対する法制強化に対応できない」

「CEATEC 2020」もオンライン開催へ

Amazon QuickSight へのアクセスをアクセス元で制限する場合の対応方法 | Developers.IO

アットホーム、AI活用し「物件アピールコメント」を自動生成--GFLらと共同研究

アイスのピノがASMRに 動画に合わせて食べるスタイル

もっと見る
記事をPICKする
会員登録
Register
記事をPICKする

会員登録すると、もっと便利に利用できます。