色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#2e552f
データ
赤
46
緑
85
青
47
色相
122°
白
18%
黒
67%
彩度
30%
明度
26%
輝度
27%
色調 = 暗い灰色がかった
色相 = 122°
3桁
#464
#463
#462
#454
#453
#452
#444
#443
#442
#364
#363
#362
#354
#353
#352
#344
#343
#342
#264
#263
#262
#254
#253
#252
#244
#243
#242
名前付き
darkslategray
darkolivegreen
forestgreen
seagreen
darkgreen
green
olivedrab
dimgray
midnightblue
saddlebrown
darkslateblue
teal
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-120 : 2
-105 : 17
-90 : 32
-75 : 47
-60 : 62
-45 : 77
-30 : 92
-15 : 107
-10 : 112
-5 : 117
-2 : 120
±0 : 122
+2 : 124
+5 : 127
+10 : 132
+15 : 137
+30 : 152
+45 : 167
+60 : 182
+75 : 197
+90 : 212
+105 : 227
+120 : 242
+135 : 257
+150 : 272
+165 : 287
+180 : 302
+195 : 317
+210 : 332
+225 : 347
彩度
+70 : 100
+66 : 96
+62 : 92
+58 : 88
+54 : 84
+50 : 80
+46 : 76
+42 : 72
+38 : 68
+34 : 64
+30 : 60
+26 : 56
+22 : 52
+20 : 50
+18 : 48
+14 : 44
+10 : 40
+6 : 36
+3 : 33
+2 : 32
±0 : 30
-2 : 28
-3 : 27
-6 : 24
-10 : 20
-14 : 16
-18 : 12
-22 : 8
-26 : 4
-30 : 0
明度
+74 : 100
+70 : 96
+66 : 92
+62 : 88
+58 : 84
+54 : 80
+50 : 76
+46 : 72
+42 : 68
+38 : 64
+34 : 60
+30 : 56
+26 : 52
+24 : 50
+22 : 48
+18 : 44
+14 : 40
+10 : 36
+6 : 32
+3 : 29
+2 : 28
±0 : 26
-2 : 24
-3 : 23
-6 : 20
-10 : 16
-14 : 12
-18 : 8
-22 : 4
-26 : 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
黒
-67 : 0
-63 : 4
-59 : 8
-55 : 12
-51 : 16
-47 : 20
-43 : 24
-39 : 28
-35 : 32
-31 : 36
-27 : 40
-23 : 44
-19 : 48
-17 : 50
-15 : 52
-11 : 56
-7 : 60
-3 : 64
-2 : 65
±0 : 67
+1 : 68
+2 : 69
+3 : 70
+5 : 72
+9 : 76
+13 : 80
+17 : 84
+21 : 88
+25 : 92
+29 : 96
+33 : 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
緑
+170 : 255
+153 : 238
+136 : 221
+119 : 204
+102 : 187
+85 : 170
+68 : 153
+51 : 136
+34 : 119
+17 : 102
+8 : 93
+4 : 89
+2 : 87
+1 : 86
±0 : 85
-1 : 84
-2 : 83
-4 : 81
-8 : 77
-17 : 68
-34 : 51
-51 : 34
-68 : 17
-85 : 0
青
+208 : 255
+191 : 238
+174 : 221
+157 : 204
+140 : 187
+123 : 170
+106 : 153
+89 : 136
+72 : 119
+55 : 102
+38 : 85
+21 : 68
+8 : 55
+4 : 51
+2 : 49
+1 : 48
±0 : 47
-1 : 46
-2 : 45
-4 : 43
-8 : 39
-13 : 34
-30 : 17
-47 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000