色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#042242
データ
赤
4
緑
34
青
66
色相
211°
白
2%
黒
74%
彩度
89%
明度
14%
輝度
11%
色調 = 暗い
色相 = 211°
3桁
#235
#234
#233
#225
#224
#223
#215
#214
#213
#135
#134
#133
#125
#124
#123
#115
#114
#113
#035
#034
#033
#025
#024
#023
#015
#014
#013
名前付き
midnightblue
darkslategray
navy
black
darkblue
darkgreen
indigo
darkslateblue
darkolivegreen
teal
forestgreen
green
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-210 : 1
-195 : 16
-180 : 31
-165 : 46
-150 : 61
-135 : 76
-120 : 91
-105 : 106
-90 : 121
-75 : 136
-60 : 151
-45 : 166
-30 : 181
-15 : 196
-10 : 201
-5 : 206
-2 : 209
±0 : 211
+2 : 213
+5 : 216
+10 : 221
+15 : 226
+30 : 241
+45 : 256
+60 : 271
+75 : 286
+90 : 301
+105 : 316
+120 : 331
+135 : 346
彩度
+11 : 100
+7 : 96
+3 : 92
+2 : 91
±0 : 89
-1 : 88
-2 : 87
-3 : 86
-5 : 84
-9 : 80
-13 : 76
-17 : 72
-21 : 68
-25 : 64
-29 : 60
-33 : 56
-37 : 52
-39 : 50
-41 : 48
-45 : 44
-49 : 40
-53 : 36
-57 : 32
-61 : 28
-65 : 24
-69 : 20
-73 : 16
-77 : 12
-81 : 8
-85 : 4
-89 : 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
白
-2 : 0
±0 : 2
+2 : 4
+3 : 5
+6 : 8
+10 : 12
+14 : 16
+18 : 20
+22 : 24
+26 : 28
+30 : 32
+34 : 36
+38 : 40
+42 : 44
+46 : 48
+48 : 50
+50 : 52
+54 : 56
+58 : 60
+62 : 64
+66 : 68
+70 : 72
+74 : 76
+78 : 80
+82 : 84
+86 : 88
+90 : 92
+94 : 96
+98 : 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
赤
+251 : 255
+234 : 238
+217 : 221
+200 : 204
+183 : 187
+166 : 170
+149 : 153
+132 : 136
+115 : 119
+98 : 102
+81 : 85
+64 : 68
+47 : 51
+30 : 34
+13 : 17
+8 : 12
+4 : 8
+2 : 6
+1 : 5
±0 : 4
-1 : 3
-2 : 2
-4 : 0
緑
+221 : 255
+204 : 238
+187 : 221
+170 : 204
+153 : 187
+136 : 170
+119 : 153
+102 : 136
+85 : 119
+68 : 102
+51 : 85
+34 : 68
+17 : 51
+8 : 42
+4 : 38
+2 : 36
+1 : 35
±0 : 34
-1 : 33
-2 : 32
-4 : 30
-8 : 26
-17 : 17
-34 : 0
青
+189 : 255
+172 : 238
+155 : 221
+138 : 204
+121 : 187
+104 : 170
+87 : 153
+70 : 136
+53 : 119
+36 : 102
+19 : 85
+8 : 74
+4 : 70
+2 : 68
+1 : 67
±0 : 66
-1 : 65
-2 : 64
-4 : 62
-8 : 58
-15 : 51
-32 : 34
-49 : 17
-66 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000