色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#2ea02e
データ
赤
46
緑
160
青
46
色相
120°
白
18%
黒
37%
彩度
55%
明度
40%
輝度
44%
色調 = 鈍い
色相 = 120°
3桁
#4a4
#4a3
#4a2
#494
#493
#492
#484
#483
#482
#3a4
#3a3
#3a2
#394
#393
#392
#384
#383
#382
#2a4
#2a3
#2a2
#294
#293
#292
#284
#283
#282
名前付き
forestgreen
limegreen
seagreen
olivedrab
darkolivegreen
mediumseagreen
green
darkslategray
darkgreen
olive
teal
dimgray
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-120 : 0
-105 : 15
-90 : 30
-75 : 45
-60 : 60
-45 : 75
-30 : 90
-15 : 105
-10 : 110
-5 : 115
-2 : 118
±0 : 120
+2 : 122
+5 : 125
+10 : 130
+15 : 135
+30 : 150
+45 : 165
+60 : 180
+75 : 195
+90 : 210
+105 : 225
+120 : 240
+135 : 255
+150 : 270
+165 : 285
+180 : 300
+195 : 315
+210 : 330
+225 : 345
彩度
+45 : 100
+41 : 96
+37 : 92
+33 : 88
+29 : 84
+25 : 80
+21 : 76
+17 : 72
+13 : 68
+9 : 64
+5 : 60
+3 : 58
+2 : 57
+1 : 56
±0 : 55
-2 : 53
-3 : 52
-5 : 50
-7 : 48
-11 : 44
-15 : 40
-19 : 36
-23 : 32
-27 : 28
-31 : 24
-35 : 20
-39 : 16
-43 : 12
-47 : 8
-51 : 4
-55 : 0
明度
+60 : 100
+56 : 96
+52 : 92
+48 : 88
+44 : 84
+40 : 80
+36 : 76
+32 : 72
+28 : 68
+24 : 64
+20 : 60
+16 : 56
+12 : 52
+10 : 50
+8 : 48
+4 : 44
+3 : 43
+2 : 42
±0 : 40
-2 : 38
-3 : 37
-4 : 36
-8 : 32
-12 : 28
-16 : 24
-20 : 20
-24 : 16
-28 : 12
-32 : 8
-36 : 4
-40 : 0
白
-18 : 0
-14 : 4
-10 : 8
-6 : 12
-3 : 15
-2 : 16
±0 : 18
+2 : 20
+3 : 21
+6 : 24
+10 : 28
+14 : 32
+18 : 36
+22 : 40
+26 : 44
+30 : 48
+32 : 50
+34 : 52
+38 : 56
+42 : 60
+46 : 64
+50 : 68
+54 : 72
+58 : 76
+62 : 80
+66 : 84
+70 : 88
+74 : 92
+78 : 96
+82 : 100
黒
-37 : 0
-33 : 4
-29 : 8
-25 : 12
-21 : 16
-17 : 20
-13 : 24
-9 : 28
-5 : 32
-3 : 34
-2 : 35
-1 : 36
±0 : 37
+2 : 39
+3 : 40
+7 : 44
+11 : 48
+13 : 50
+15 : 52
+19 : 56
+23 : 60
+27 : 64
+31 : 68
+35 : 72
+39 : 76
+43 : 80
+47 : 84
+51 : 88
+55 : 92
+59 : 96
+63 : 100
赤
+209 : 255
+192 : 238
+175 : 221
+158 : 204
+141 : 187
+124 : 170
+107 : 153
+90 : 136
+73 : 119
+56 : 102
+39 : 85
+22 : 68
+8 : 54
+5 : 51
+4 : 50
+2 : 48
+1 : 47
±0 : 46
-1 : 45
-2 : 44
-4 : 42
-8 : 38
-12 : 34
-29 : 17
-46 : 0
緑
+95 : 255
+78 : 238
+61 : 221
+44 : 204
+27 : 187
+10 : 170
+8 : 168
+4 : 164
+2 : 162
+1 : 161
±0 : 160
-1 : 159
-2 : 158
-4 : 156
-7 : 153
-8 : 152
-24 : 136
-41 : 119
-58 : 102
-75 : 85
-92 : 68
-109 : 51
-126 : 34
-143 : 17
-160 : 0
青
+209 : 255
+192 : 238
+175 : 221
+158 : 204
+141 : 187
+124 : 170
+107 : 153
+90 : 136
+73 : 119
+56 : 102
+39 : 85
+22 : 68
+8 : 54
+5 : 51
+4 : 50
+2 : 48
+1 : 47
±0 : 46
-1 : 45
-2 : 44
-4 : 42
-8 : 38
-12 : 34
-29 : 17
-46 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000