カラーホイール
創造的な決定のためのランダムなカラーピッカー
- 赤
- 青
- 緑
- 黄
- オレンジ
- 紫
- ピンク
- シアン
Color Wheel Spinner — A Random Color Picker for Designers and Artists
Stuck reaching for the same five colors? Spin the wheel and let it hand you a hue you'd never have picked on purpose. Cryptographically random, works offline, no signup.
From mood boards to bedroom walls — a faster way out of color paralysis
wheel.expertを選ぶ理由
Break Your Color Habit
Everyone has a default palette they keep returning to. The wheel doesn't. It pulls colors at random, so you land on pairings your eye usually skips — and that's often where the interesting work starts.
Runs in the Studio, Offline
Patchy WiFi in the back of the art room? It still works. As an installable web app the wheel spins with no connection at all — at a desk, a classroom, or a craft-fair table.
Add Your Own Hex Codes
Brand colors, a client's palette, or just the six tubes of paint actually in your drawer — type them in. The wheel spins only what you load, not a generic rainbow.
Settle It at the Paint Counter
It loads fast and works by touch, so a 'sage or olive?' standoff can end right there in the hardware-store aisle instead of three weeks later.
Every Color, Equal Odds
Some pickers quietly lean toward certain values. This one draws from the Web Crypto API — the randomness browsers trust for security — so a pale buttercream and a deep navy have exactly the same chance.
Free, No Account
Nothing is paywalled, nothing is emailed to you, nothing is stored. Open it, spin it, close the tab.
How to Use the Color Wheel
Load Your Colors
Start from the preset spread of reds, blues and greens, or wipe it and type your own. Plain names like 'Burnt Orange' and hex codes like #2E8B57 both work.
Make It Yours
Add as many swatches as you want, rename them, reorder them. A ten-color wheel feels nothing like a two-color one, so tune it to the decision in front of you.
Spin
Tap the center. The wheel turns, slows, and settles on one color — chosen by the algorithm, not by where you 'happened' to stop it.
Use It, or Build a Palette
Take the result and go. Or remove it and spin again for a second and third color until you've got a whole scheme. Past picks wait in the history panel.
What People Actually Use the Color Wheel For
Beating the Blank Canvas
Illustrators spin for a starting hue when nothing feels right. One random anchor color is often enough to break the stall and get the first mark down.
Choosing Paint Without the Month-Long Debate
Load the shortlist of swatches you can't decide between and let the wheel break the tie. No more six samples taped to the wall gathering dust.
Outfit and Wardrobe Colors
Pull the colors you actually own, spin, and build the day's outfit around whatever lands. It's a small game that makes getting dressed a little less automatic.
Party and Event Themes
Planning a birthday, a shower, a wedding? Spin a primary theme color, then a secondary, and you've got a scheme to run invites, balloons and table settings off of.
Art-Class Warm-Ups
Teachers spin a color to set the day's sketch constraint — 'everything you draw today lives in this hue.' Limits like that nudge students past their comfort colors.
Why This Beats Guessing — or a Generic Color Tool
Real Randomness, Not a Loaded Spinner
Your Colors, Not a Fixed Rainbow
No Account, No Upsell
ルーレットを回す準備はできましたか?
毎日、公平でランダムな選択をする何千人もの仲間に加わろう。
真にランダムな選択 - アルゴリズムの仕組み
Math.random() を使用する多くのホイール スピナーとは異なり、wheel.expert は暗号的に安全な乱数を生成するためにWeb Crypto API (crypto.getRandomValues()) を使用します。これは、パスワード ジェネレーターなどのセキュリティ クリティカルなアプリケーションで使用されるものと同じ API です。
ウェブ暗号化 API (CSPRNG)
すべての最新ブラウザに組み込まれている暗号的に安全な擬似乱数ジェネレーター (CSPRNG)である crypto.getRandomValues() を使用します。
不偏選択アルゴリズム
すべてのエントリの重みが等しい場合は、 ランダム選択でよくある問題であるモジュロ バイアスを排除するために拒否サンプリング を使用します。これにより、 各エントリが選択される確率が数学的に等しいことが保証されます。重み付けされたエントリでは、確率は割り当てられた重みに比例します。
クライアント側の透明性
すべてのランダムな選択はスピンの瞬間にブラウザ内で行われます。コードはオープンであり、ブラウザーの DevTools 経由で検査できます。重要な景品の場合は、視聴者に対する公平性の証拠としてスピンを画面録画することをお勧めします。
🔍 自分で確認してください: DevTools (F12) を開き、コンソールで乱数の生成を確認します。私たちは window.crypto.getRandomValues() を使用します。これは銀行やセキュリティ アプリケーションで使用されているのと同じ暗号化 API です。
一般的な使用例
- ✓アートプロジェクト
- ✓デザインのインスピレーション
- ✓ファッションの選択肢
- ✓部屋の装飾
- ✓パーティーのテーマ
よくある質問
Yes. Clear the presets and type any color name or hex value — #FF6B35, 'Tiffany Blue', whatever you work with. The wheel only spins the colors you load, so a brand palette stays on brand.
It's genuinely random. The picker draws from the Web Crypto API, the same source browsers use for security keys, so a pale yellow has the same odds as a deep navy. There's no hidden weighting.
Spin once, hit 'remove winner,' and spin again. Each pick drops out of the next round, so three or four spins give you a clean multi-color palette with no repeats.
It does. The color wheel installs as a progressive web app, so once you've opened it the first time it runs offline — handy in a studio, a classroom, or the far corner of a craft fair.
Plenty of art teachers do. Project it, spin a 'color of the day,' and set it as the lesson's constraint. It turns an abstract idea — working outside your default hues — into a quick daily exercise.
Then load just those. A two- or three-color wheel works fine, and the slow wind-down still makes the reveal feel like a real decision rather than a coin you flipped in your head.