カラーコードテキストから色を取得する
Get colors from code texts
- free
- 2020/12/12
silver
や orange
といったカラーキーワードや、#FFFFF
、rgba (255, 255, 255, 0.5)
、hsl (180, 50%, 100%, 0.5)
などのカラーコードテキストからカラーサンプルのパスを描くスクリプトです。
使い方 How to use
カラーキーワードやカラーコードが書かれたテキストを選択してスクリプトを実行します。
塗りにカラーを適用したのパスが自動で作成され、テキストと共にグループ化されます。
グループ化されたテキストの数値を変えてからもう一度スクリプトを実行すれば、パスの色をアップデートします。
機能 Function
カラーコードテキストから色を取得するスクリプト、やっと完成した。 #Illustrator pic.twitter.com/b3xi8tpvUc
— 宮澤聖二|三階ラボ (@onthehead) December 10, 2020
RGB 16進数表記
- 3桁と6桁の16進数に対応
- アルファを含めた4桁と7桁の16進数に対応
#rgb[a]
#rrggbb[aa]
- サンプル
- #FFF
- #FFFF
- #FFFFFF
- #FFFFFFFF
RGB 関数表記
- rgb と rgba に対応
- 0〜255(アルファは0〜1)までの数値、0〜100%までのパーセント表記に対応
- 数値のカンマ区切りとスペース区切りに対応
rgb[a](R, G, B[, A])
rgb[a](R G B[ / A])
- サンプル
- rgb (255, 255, 255)
- rgb (100%, 100%, 100%)
- rgba (255, 255, 255, 1)
- rgba (100%, 100%, 100%, 100%)
- rgb (255 255 255)
- rgb (100% 100% 100%)
- rgba (255 255 255 / 1)
- rgba (100% 100% 100% / 100%)
HSL 関数表記
- hsl と hsla に対応
- アルファは0〜1までの数値または0〜100%までのパーセント表記に対応
- 数値のカンマ区切りとスペース区切りに対応
- H(色相)の単位は deg/grad/rad/turn に対応
- [おまけ]hls/hlsa/hsi/hsia 表記にも対応
hsl[a](H, S, L[, A])
hsl[a](H S L[ / A])
- サンプル
- hsl (180, 100%, 100%)
- hsla (180, 100%, 100% , 1)
- hsla (180, 100%, 100% , 100%)
- hsla (180 100% 100% / 1)
- hsla (180 100% 100% / 100%)
- hsla (180deg, 100%, 100%)
- hsla (162grad, 100%, 100%)
- hsla (3.142rad, 100%, 100%)
- hsla (0.5turn, 100%, 100%)
HSV 関数表記
- hsv と hsva に対応
- アルファは0〜1までの数値または0〜100%までのパーセント表記に対応
- 数値のカンマ区切りとスペース区切りに対応
- H(色相)の単位は deg/grad/rad/turn に対応
- [おまけ]hsb/hsba 表記にも対応
hsv[a](h, S, V[, A])
hsv[a](H S V[ / A])
- サンプル
- hsv (180, 100%, 100%)
- hsva (180, 100%, 100% , 1)
- hsva (180, 100%, 100% , 100%)
- hsva (180 100% 100% / 1)
- hsva (180 100% 100% / 100%)
- hsva (180deg, 100%, 100%)
- hsva (162grad, 100%, 100%)
- hsva (3.142rad, 100%, 100%)
- hsva (0.5turn, 100%, 100%)
サポート環境 Support environment
制作環境:macOS / Illustrator CC 24.3
動作確認:macOS / Illustrator CC 25.0.1
ダウンロード Download
カンパ Donation
スクリプトを配布するモチベーションの維持や、スクリプトを作るときの喫茶店代として使わせていただきますので、バックアップしていただけると助かります。
- Paypal: https://www.paypal.me/onthehead
- Amazon 欲しいものリスト: https://www.amazon.jp/hz/wishlist/ls/1594AA5B4MOYM
- Amazon ギフトカード: https://www.amazon.co.jp/gp/product/B004N3APGO/
※受取人の欄に を入力してください。
免責事項 Disclaimer
スクリプトファイル自体の無断転載・無断配布を禁じます。
スクリプトを使用することによる、アプリケーションの不具合やファイルの破損についての責任は負いませんのでご了承ください。
まずは、ai ファイルを複製してからお試しください。