tints and shades
1.0.0
このプロジェクトでは、Shohei UedaのGitHubアクションを使用して、Eleventy Static Site Generatorを使用し、GitHubページに展開します。
前提条件：node.js 14+
npm install 。npm run start 。localhost:8080に移動します。 このツールの目的は、特定の六角の色の色合い（純粋な白い追加）と10％の増分で色合い（純粋な黒い追加）を正確に生成することです。
数学を真剣に受け止めています。私の経験では、同様のツールでは、丸めエラー、作成者の好み、またはその他の矛盾のために計算が正しくありません。
テストでは、出力がChrome Devtoolsの計算方法と、SASSを介して色合いと色合いを導出するためのいくつかの確立された一般的な方法と一致することを示しています。
すでにいくつかのベースカラーを持っているときに使用するのが最適ですが、勾配、境界、背景、影、またはその他の要素には無料の色が欲しいです。
これは、ビルドでSASSまたはPostCSSを使用する開発者に色の意図を伝えているデザイナーにとって有用です。また、デザインを検討している基本色の色合いや色合いがどのように見えるかをすばやくプレビューする確かな方法です。
また、教師、データの専門家、プレゼンテーションを行う人々に役立つと聞きました。
指定された六角の色は、最初にRGBに変換されます。次に、RGBカラーの各コンポーネントには、それぞれ次の計算が実行されます。
New value = current value + ((255 - current value) x tint factor)New value = current value x shade factor必要に応じて新しい値が丸みを帯びており、ディスプレイのために16進みに戻ります。
レベッカパープルの色合いと色合いが欲しいとしましょう。＃663399。
102 + ((255 - 102) x .1) = 117.3に丸みを帯びています51 + ((255 - 51) x .1) = 71.4に丸められています153 + ((255 - 153) x .1) = 163.2に丸められています102 x .9 = 91.8に丸みを帯びています51 x .9 = 45.9に丸みを帯びています153 x .9 = 137.7に丸みを帯びていますこのプロジェクトはオープンソースであり、私はあなたの助けが大好きです！
バグに気づいたり、機能を追加したい場合は、GitHubに問題を提出してください。アカウントがない場合は、詳細をメールでお問い合わせください。
開発者であり、プロジェクトを支援したい場合は、オープンな問題についてコメントするか、新しい問題を作成して意図を伝えてください。今後のパスに同意したら、プルリクエストを作成してフィニッシュラインに持って行くことができます。
Tint＆Shadeジェネレーターは常に無料ですが、あなたのサポートは大歓迎です。
マイケル・エデルストーンは、カラー計算に関するニック・ウィングからの大規模な支援でプロジェクトを設計し、組織しました。
プロジェクト全体でこれらの驚くべきオープンソースライブラリを使用しています。
Joel Carr、Sebastian Gutierrez、Tim Scalzo、Aman Agarwal、Aleksandr Hovhannisyan、Shubhendu Sen、Luis Escarrillaに貴重な貢献に感謝します。
