色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#270c1c
データ
赤
39
緑
12
青
28
色相
324°
白
5%
黒
85%
彩度
53%
明度
10%
輝度
9%
色調 = 暗い灰色がかった
色相 = 324°
3桁
#323
#322
#321
#313
#312
#311
#303
#302
#301
#223
#222
#221
#213
#212
#211
#203
#202
#201
#123
#122
#121
#113
#112
#111
#103
#102
#101
名前付き
black
darkslategray
midnightblue
maroon
darkgreen
darkred
darkolivegreen
navy
indigo
saddlebrown
darkblue
green
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-315 : 9
-300 : 24
-285 : 39
-270 : 54
-255 : 69
-240 : 84
-225 : 99
-210 : 114
-195 : 129
-180 : 144
-165 : 159
-150 : 174
-135 : 189
-120 : 204
-105 : 219
-90 : 234
-75 : 249
-60 : 264
-45 : 279
-30 : 294
-15 : 309
-10 : 314
-5 : 319
-2 : 322
±0 : 324
+2 : 326
+5 : 329
+10 : 334
+15 : 339
+30 : 354
彩度
+47 : 100
+43 : 96
+39 : 92
+35 : 88
+31 : 84
+27 : 80
+23 : 76
+19 : 72
+15 : 68
+11 : 64
+7 : 60
+3 : 56
+2 : 55
±0 : 53
-1 : 52
-2 : 51
-3 : 50
-5 : 48
-9 : 44
-13 : 40
-17 : 36
-21 : 32
-25 : 28
-29 : 24
-33 : 20
-37 : 16
-41 : 12
-45 : 8
-49 : 4
-53 : 0
明度
+90 : 100
+86 : 96
+82 : 92
+78 : 88
+74 : 84
+70 : 80
+66 : 76
+62 : 72
+58 : 68
+54 : 64
+50 : 60
+46 : 56
+42 : 52
+40 : 50
+38 : 48
+34 : 44
+30 : 40
+26 : 36
+22 : 32
+18 : 28
+14 : 24
+10 : 20
+6 : 16
+3 : 13
+2 : 12
±0 : 10
-2 : 8
-3 : 7
-6 : 4
-10 : 0
白
-5 : 0
-3 : 2
-2 : 3
-1 : 4
±0 : 5
+2 : 7
+3 : 8
+7 : 12
+11 : 16
+15 : 20
+19 : 24
+23 : 28
+27 : 32
+31 : 36
+35 : 40
+39 : 44
+43 : 48
+45 : 50
+47 : 52
+51 : 56
+55 : 60
+59 : 64
+63 : 68
+67 : 72
+71 : 76
+75 : 80
+79 : 84
+83 : 88
+87 : 92
+91 : 96
+95 : 100
黒
-85 : 0
-81 : 4
-77 : 8
-73 : 12
-69 : 16
-65 : 20
-61 : 24
-57 : 28
-53 : 32
-49 : 36
-45 : 40
-41 : 44
-37 : 48
-35 : 50
-33 : 52
-29 : 56
-25 : 60
-21 : 64
-17 : 68
-13 : 72
-9 : 76
-5 : 80
-3 : 82
-2 : 83
-1 : 84
±0 : 85
+2 : 87
+3 : 88
+7 : 92
+11 : 96
+15 : 100
赤
+216 : 255
+199 : 238
+182 : 221
+165 : 204
+148 : 187
+131 : 170
+114 : 153
+97 : 136
+80 : 119
+63 : 102
+46 : 85
+29 : 68
+12 : 51
+8 : 47
+4 : 43
+2 : 41
+1 : 40
±0 : 39
-1 : 38
-2 : 37
-4 : 35
-5 : 34
-8 : 31
-22 : 17
-39 : 0
緑
+243 : 255
+226 : 238
+209 : 221
+192 : 204
+175 : 187
+158 : 170
+141 : 153
+124 : 136
+107 : 119
+90 : 102
+73 : 85
+56 : 68
+39 : 51
+22 : 34
+8 : 20
+5 : 17
+4 : 16
+2 : 14
+1 : 13
±0 : 12
-1 : 11
-2 : 10
-4 : 8
-8 : 4
-12 : 0
青
+227 : 255
+210 : 238
+193 : 221
+176 : 204
+159 : 187
+142 : 170
+125 : 153
+108 : 136
+91 : 119
+74 : 102
+57 : 85
+40 : 68
+23 : 51
+8 : 36
+6 : 34
+4 : 32
+2 : 30
+1 : 29
±0 : 28
-1 : 27
-2 : 26
-4 : 24
-8 : 20
-11 : 17
-28 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000