CSS and design

Color Converter

Convert any CSS color to HEX, RGB, HSL, HSV and CMYK, and explore its shades.

  • Runs in your browser
  • Instant results
  • Free, no sign-up
Loading the tool…

How to use the Color Converter

  1. Type any CSS color or use the picker.
  2. Copy the format you need.
  3. Click a shade or tint to switch to it.

Frequently asked questions

Which input formats are accepted?

Anything CSS understands: #RGB, #RRGGBB, #RRGGBBAA, rgb(), hsl(), hwb() and names like teal.

Is CMYK accurate for print?

It is a simple mathematical conversion. For professional print, use your printer's color profile.

What is the difference between HSL and HSV?

Both use hue and saturation. HSL uses lightness (50% is the pure color); HSV uses value (100% is the pure color).

Pythonのコーディングチャレンジで練習

このエディタで実践的な問題を解こう。サンプルテストを実行し、提出してAIコードレビューを受けられます。

すべてのPythonチャレンジ
簡単

Average of Three

Average three whole numbers.

学べること 算術除算
BeginnerLearning-pathVariables
簡単

Rectangle Perimeter

Compute the perimeter of a rectangle from its sides.

学べること 算術戻り値
BeginnerLearning-pathVariables
中級

遺伝的アルゴリズムの 1 世代

トーナメント選択、一点交叉、突然変異でビット列の次の世代を作ります。

学べること 遺伝的アルゴリズム進化的探索
OptimizationSimulationai
まだ解答がありません
簡単

ε-greedy による多腕バンディット

ε-greedy な行動選択で、多腕バンディットの探索と活用のバランスを取ります。

学べること 探索と活用バンディット
強化学習ai機械学習
まだ解答がありません
簡単

マルコフ連鎖の状態分布

マルコフ連鎖の遷移行列を使って、確率分布を指定したステップ数だけ伝播させます。

学べること マルコフ連鎖確率
Simulationaimath
まだ解答がありません
中級

価値反復法

ベルマン最適方程式による更新を繰り返し、マルコフ決定過程の各状態の価値を計算します。

学べること ベルマン方程式マルコフ決定過程
強化学習ai機械学習
まだ解答がありません
中級

Q 学習の更新

経験の列に Q 学習の更新を適用し、報酬が前の状態へさかのぼって伝わる様子を見ます。

学べること Q 学習割引報酬
強化学習ai機械学習
まだ解答がありません
中級

アルファベータ枝刈り

アルファベータ枝刈り付きのミニマックスでゲーム木を評価し、実際に調べた葉の数を数えます。

学べること アルファベータ枝刈りゲーム探索
RecursionTreesai
まだ解答がありません
中級

ミニマックスで三目並べ

ミニマックスでゲーム木全体を探索し、三目並べの完璧な一手を選びます。

学べること ミニマックスゲーム木
Recursionai
まだ解答がありません
中級

重み付きグリッド上の A* 探索

ゲームやロボットの経路探索を支える A* で、地形コストのグリッドを横切る最安の経路を求めます。

学べること A* 探索ヒューリスティック
GraphsGridsShortest-pathai
まだ解答がありません
中級

温度と Top-K によるサンプリング

言語モデルと同じように、上位 k 個のロジットを残し、温度を適用してから次のトークンをサンプリングします。

学べること テキスト生成サンプリング
ai機械学習
まだ解答がありません
難しい

マルチヘッド・セルフアテンション

入力をクエリ、キー、値に射影し、複数のヘッドで並列にアテンションを計算して結合します。

学べること マルチヘッドアテンション行列による射影
ai機械学習
まだ解答がありません