色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#02432f
データ
赤
2
緑
67
青
47
色相
162°
白
1%
黒
74%
彩度
94%
明度
14%
輝度
18%
色調 = 暗い
色相 = 162°
3桁
#254
#253
#252
#244
#243
#242
#234
#233
#232
#154
#153
#152
#144
#143
#142
#134
#133
#132
#054
#053
#052
#044
#043
#042
#034
#033
#032
名前付き
darkslategray
darkgreen
green
forestgreen
midnightblue
black
darkolivegreen
seagreen
teal
navy
darkblue
darkslateblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-150 : 12
-135 : 27
-120 : 42
-105 : 57
-90 : 72
-75 : 87
-60 : 102
-45 : 117
-30 : 132
-15 : 147
-10 : 152
-5 : 157
-2 : 160
±0 : 162
+2 : 164
+5 : 167
+10 : 172
+15 : 177
+30 : 192
+45 : 207
+60 : 222
+75 : 237
+90 : 252
+105 : 267
+120 : 282
+135 : 297
+150 : 312
+165 : 327
+180 : 342
+195 : 357
彩度
+6 : 100
+3 : 97
+2 : 96
±0 : 94
-2 : 92
-3 : 91
-6 : 88
-10 : 84
-14 : 80
-18 : 76
-22 : 72
-26 : 68
-30 : 64
-34 : 60
-38 : 56
-42 : 52
-44 : 50
-46 : 48
-50 : 44
-54 : 40
-58 : 36
-62 : 32
-66 : 28
-70 : 24
-74 : 20
-78 : 16
-82 : 12
-86 : 8
-90 : 4
-94 : 0
明度
+86 : 100
+82 : 96
+78 : 92
+74 : 88
+70 : 84
+66 : 80
+62 : 76
+58 : 72
+54 : 68
+50 : 64
+46 : 60
+42 : 56
+38 : 52
+36 : 50
+34 : 48
+30 : 44
+26 : 40
+22 : 36
+18 : 32
+14 : 28
+10 : 24
+6 : 20
+3 : 17
+2 : 16
±0 : 14
-2 : 12
-3 : 11
-6 : 8
-10 : 4
-14 : 0
白
-1 : 0
±0 : 1
+2 : 3
+3 : 4
+7 : 8
+11 : 12
+15 : 16
+19 : 20
+23 : 24
+27 : 28
+31 : 32
+35 : 36
+39 : 40
+43 : 44
+47 : 48
+49 : 50
+51 : 52
+55 : 56
+59 : 60
+63 : 64
+67 : 68
+71 : 72
+75 : 76
+79 : 80
+83 : 84
+87 : 88
+91 : 92
+95 : 96
+99 : 100
黒
-74 : 0
-70 : 4
-66 : 8
-62 : 12
-58 : 16
-54 : 20
-50 : 24
-46 : 28
-42 : 32
-38 : 36
-34 : 40
-30 : 44
-26 : 48
-24 : 50
-22 : 52
-18 : 56
-14 : 60
-10 : 64
-6 : 68
-3 : 71
-2 : 72
±0 : 74
+2 : 76
+3 : 77
+6 : 80
+10 : 84
+14 : 88
+18 : 92
+22 : 96
+26 : 100
赤
+253 : 255
+236 : 238
+219 : 221
+202 : 204
+185 : 187
+168 : 170
+151 : 153
+134 : 136
+117 : 119
+100 : 102
+83 : 85
+66 : 68
+49 : 51
+32 : 34
+15 : 17
+8 : 10
+4 : 6
+2 : 4
+1 : 3
±0 : 2
-1 : 1
-2 : 0
緑
+188 : 255
+171 : 238
+154 : 221
+137 : 204
+120 : 187
+103 : 170
+86 : 153
+69 : 136
+52 : 119
+35 : 102
+18 : 85
+8 : 75
+4 : 71
+2 : 69
+1 : 68
±0 : 67
-1 : 66
-2 : 65
-4 : 63
-8 : 59
-16 : 51
-33 : 34
-50 : 17
-67 : 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