Dear color lovers – together, we’ll have a more colorful future. Support us on

カラーパレット - Bettina

概要

了い

Bettina

想定される用途

これらのカラーパレットを継続して使用することができます。個々の色を変えるなどして、自分好みに仕上げてください。これらのカラーパレットを評価し、共有してください。

2色グラデーション

このカラーパレットから2色を使用した線形および放射状の色の遷移の例を見つける。

最初の3色はあらかじめ選択されています-利用可能な場合。各色の右下にあるカラーアイコンで追加・非選択が可能です。

Webデザインに最適：CSSコードをコピーして、Webサイトに簡単に組み込むことができます。

3色グラデーション

このカラーパレットから3色を使用して、線形および放射状の色遷移の例を見つける。

最初の3色は事前に選択されています - 利用可能な場合。各色の右下にあるカラーアイコンで追加・非選択が可能です。

Webデザインに最適：CSSコードをコピーして、Webサイトに簡単に組み込むことができます。

表示オプション

Bettina

#554866

CMYK 17 / 29 / 0 / 60

HEX #554866

RGB 85 72 102

HSL 266, 0.17%, 0.34%

LAB 32.97, 12.17, -15.48

#797494

CMYK 18 / 22 / 0 / 42

HEX #797494

RGB 121 116 148

HSL 249.38, 0.13%, 0.52%

LAB 50.33, 8.88, -16.64

#A6A4B9

CMYK 10 / 11 / 0 / 27

HEX #A6A4B9

RGB 166 164 185

HSL 245.71, 0.13%, 0.68%

LAB 68.14, 4.89, -10.53

#42425E

CMYK 30 / 30 / 0 / 63

HEX #42425E

RGB 66 66 94

HSL 240, 0.18%, 0.31%

LAB 29.06, 7.2, -16.55

#545A7E

CMYK 33 / 29 / 0 / 51

HEX #545A7E

RGB 84 90 126

HSL 231.43, 0.2%, 0.41%

LAB 39.08, 6.84, -21

#716FA0

CMYK 29 / 31 / 0 / 37

HEX #716FA0

RGB 113 111 160

HSL 242.45, 0.21%, 0.53%

LAB 48.78, 12.3, -26.12

#8A93BA

CMYK 26 / 21 / 0 / 27

HEX #8A93BA

RGB 138 147 186

HSL 228.75, 0.26%, 0.64%

LAB 61.5, 5.56, -21.34

#A5A6BA

CMYK 11 / 11 / 0 / 27

HEX #A5A6BA

RGB 165 166 186

HSL 237.14, 0.13%, 0.69%

LAB 68.62, 3.66, -10.38

#36465F

CMYK 43 / 26 / 0 / 63

HEX #36465F

RGB 54 70 95

HSL 216.59, 0.28%, 0.29%

LAB 29.39, 0.95, -16.77

#5D7AA2

CMYK 43 / 25 / 0 / 36

HEX #5D7AA2

RGB 93 122 162

HSL 214.78, 0.27%, 0.5%

LAB 50.52, 0.4, -24.72

#547B98

CMYK 45 / 19 / 0 / 40

HEX #547B98

RGB 84 123 152

HSL 205.59, 0.29%, 0.46%

LAB 49.88, -5.57, -19.91

#81ACBD

CMYK 32 / 9 / 0 / 26

HEX #81ACBD

RGB 129 172 189

HSL 197, 0.31%, 0.62%

LAB 67.91, -10.28, -13.36

#9CBEDA

CMYK 28 / 13 / 0 / 15

HEX #9CBEDA

RGB 156 190 218

HSL 207.1, 0.46%, 0.73%

LAB 75.42, -5.01, -17.75

#324F5F

CMYK 47 / 17 / 0 / 63

HEX #324F5F

RGB 50 79 95

HSL 201.33, 0.31%, 0.28%

LAB 32.03, -5.98, -12.74

#5F848C

CMYK 32 / 6 / 0 / 45

HEX #5F848C

RGB 95 132 140

HSL 190.67, 0.19%, 0.46%

LAB 52.76, -10.84, -8.47

#557689

CMYK 38 / 14 / 0 / 46

HEX #557689

RGB 85 118 137

HSL 201.92, 0.23%, 0.44%

LAB 47.87, -6.68, -14.13

#6895A8

CMYK 38 / 11 / 0 / 34

HEX #6895A8

RGB 104 149 168

HSL 197.81, 0.27%, 0.53%

LAB 59.22, -10.29, -14.82

#8BBBCF

CMYK 33 / 10 / 0 / 19

HEX #8BBBCF

RGB 139 187 207

HSL 197.65, 0.41%, 0.68%

LAB 73.24, -10.97, -15.16

#384F5D

CMYK 40 / 15 / 0 / 64

HEX #384F5D

RGB 56 79 93

HSL 202.7, 0.25%, 0.29%

LAB 32.31, -4.79, -11.01

#537E87

CMYK 39 / 7 / 0 / 47

HEX #537E87

RGB 83 126 135

HSL 190.38, 0.24%, 0.43%

LAB 50.11, -12.36, -9.59

#4D6B6D

CMYK 29 / 2 / 0 / 57

HEX #4D6B6D

RGB 77 107 109

HSL 183.75, 0.17%, 0.36%

LAB 43.06, -10.32, -4.65

#6E9B96

CMYK 29 / 0 / 3 / 39

HEX #6E9B96

RGB 110 155 150

HSL 173.33, 0.18%, 0.52%

LAB 60.75, -16.29, -2.29

#96BBB4

CMYK 20 / 0 / 4 / 27

HEX #96BBB4

RGB 150 187 180

HSL 168.65, 0.21%, 0.66%

LAB 73.1, -13.83, -0.57

#40545B

CMYK 30 / 8 / 0 / 64

HEX #40545B

RGB 64 84 91

HSL 195.56, 0.17%, 0.3%

LAB 34.37, -5.8, -6.59

#728F8A

CMYK 20 / 0 / 3 / 44

HEX #728F8A

RGB 114 143 138

HSL 169.66, 0.11%, 0.5%

LAB 57.13, -11.28, -0.72

#A2BDAA

CMYK 14 / 0 / 10 / 26

HEX #A2BDAA

RGB 162 189 170

HSL 137.78, 0.17%, 0.69%

LAB 74.18, -12.9, 6.53

#D3C78D

CMYK 0 / 6 / 33 / 17

HEX #D3C78D

RGB 211 199 141

HSL 49.71, 0.44%, 0.69%

LAB 79.96, -4.45, 30.6

#DFD5A4

CMYK 0 / 4 / 26 / 13

HEX #DFD5A4

RGB 223 213 164

HSL 49.83, 0.48%, 0.76%

LAB 84.97, -4.12, 25.51

#594159

CMYK 0 / 27 / 0 / 65

HEX #594159

RGB 89 65 89

HSL 300, 0.16%, 0.3%

LAB 30.94, 15.08, -10.25

#905375

CMYK 0 / 42 / 19 / 44

HEX #905375

RGB 144 83 117

HSL 326.56, 0.27%, 0.45%

LAB 43.36, 30.23, -8.38

#B67C95

CMYK 0 / 32 / 18 / 29

HEX #B67C95

RGB 182 124 149

HSL 334.14, 0.28%, 0.6%

LAB 58.54, 26.28, -4.28

#D199B4

CMYK 0 / 27 / 14 / 18

HEX #D199B4

RGB 209 153 180

HSL 331.07, 0.38%, 0.71%

LAB 69.21, 25.07, -5.74

#EAB2CD

CMYK 0 / 24 / 12 / 8

HEX #EAB2CD

RGB 234 178 205

HSL 331.07, 0.57%, 0.81%

LAB 78.31, 24.47, -5.73

#6B4053

CMYK 0 / 40 / 22 / 58

HEX #6B4053

RGB 107 64 83

HSL 333.49, 0.25%, 0.34%

LAB 32.74, 21.62, -3.46

#A6446A

CMYK 0 / 59 / 36 / 35

HEX #A6446A

RGB 166 68 106

HSL 336.73, 0.42%, 0.46%

LAB 43.18, 44.23, -1.54

#D85C90

CMYK 0 / 57 / 33 / 15

HEX #D85C90

RGB 216 92 144

HSL 334.84, 0.61%, 0.6%

LAB 56.35, 53.8, -4.09

#E786A7

CMYK 0 / 42 / 28 / 9

HEX #E786A7

RGB 231 134 167

HSL 339.59, 0.67%, 0.72%

LAB 67.15, 41.03, -1.2

#F7A7CC

CMYK 0 / 32 / 17 / 3

HEX #F7A7CC

RGB 247 167 204

HSL 332.25, 0.83%, 0.81%

LAB 77.14, 34.64, -6.76

#A03A52

CMYK 0 / 64 / 49 / 37

HEX #A03A52

RGB 160 58 82

HSL 345.88, 0.47%, 0.43%

LAB 39.76, 44.27, 8.37

#C2496C

CMYK 0 / 62 / 44 / 24

HEX #C2496C

RGB 194 73 108

HSL 342.64, 0.5%, 0.52%

LAB 48.66, 51.35, 5.74

#E16087

CMYK 0 / 57 / 40 / 12

HEX #E16087

RGB 225 96 135

HSL 341.86, 0.68%, 0.63%

LAB 58.15, 53.84, 3.97

#F3809D

CMYK 0 / 47 / 35 / 5

HEX #F3809D

RGB 243 128 157

HSL 344.87, 0.83%, 0.73%

LAB 67.22, 46.96, 4.74

#F6A4BA

CMYK 0 / 33 / 24 / 4

HEX #F6A4BA

RGB 246 164 186

HSL 343.9, 0.82%, 0.8%

LAB 75.88, 33.24, 1.21

#763E57

CMYK 0 / 47 / 26 / 54

HEX #763E57

RGB 118 62 87

HSL 333.21, 0.31%, 0.35%

LAB 33.95, 27.72, -4.06

#B5838F

CMYK 0 / 28 / 21 / 29

HEX #B5838F

RGB 181 131 143

HSL 345.6, 0.25%, 0.61%

LAB 59.92, 21.05, 1.19

#C78E95

CMYK 0 / 29 / 25 / 22

HEX #C78E95

RGB 199 142 149

HSL 352.63, 0.34%, 0.67%

LAB 64.69, 22.63, 4.92

#E2A6AE

CMYK 0 / 27 / 23 / 11

HEX #E2A6AE

RGB 226 166 174

HSL 352, 0.51%, 0.77%

LAB 73.87, 23.25, 4.61

#F5C0D0

CMYK 0 / 22 / 15 / 4

HEX #F5C0D0

RGB 245 192 208

HSL 341.89, 0.73%, 0.86%

LAB 82.74, 21.37, -0.72

#464452

CMYK 15 / 17 / 0 / 68

HEX #464452

RGB 70 68 82

HSL 248.57, 0.09%, 0.29%

LAB 29.53, 4.12, -8.07

#6F5F6A

CMYK 0 / 14 / 5 / 56

HEX #6F5F6A

RGB 111 95 106

HSL 318.75, 0.08%, 0.4%

LAB 42.16, 8.56, -3.86

#887E87

CMYK 0 / 7 / 1 / 47

HEX #887E87

RGB 136 126 135

HSL 306, 0.04%, 0.51%

LAB 53.93, 5.53, -3.5

#7A7886

CMYK 9 / 10 / 0 / 47

HEX #7A7886

RGB 122 120 134

HSL 248.57, 0.06%, 0.5%

LAB 51.03, 3.68, -7.35

#C2BFC6

CMYK 2 / 4 / 0 / 22

HEX #C2BFC6

RGB 194 191 198

HSL 265.71, 0.06%, 0.76%

LAB 77.76, 2.35, -3.15

#574551

CMYK 0 / 21 / 7 / 66

HEX #574551

RGB 87 69 81

HSL 320, 0.12%, 0.31%

LAB 31.52, 10.03, -4.25

#997C80

CMYK 0 / 19 / 16 / 40

HEX #997C80

RGB 153 124 128

HSL 351.72, 0.12%, 0.54%

LAB 54.81, 11.87, 2.06

#9A8B8E

CMYK 0 / 10 / 8 / 40

HEX #9A8B8E

RGB 154 139 142

HSL 348, 0.07%, 0.57%

LAB 59.24, 6.15, 0.44

#C2B7B1

CMYK 0 / 6 / 9 / 24

HEX #C2B7B1

RGB 194 183 177

HSL 21.18, 0.12%, 0.73%

LAB 75.15, 2.85, 4.43

#D5CACE

CMYK 0 / 5 / 3 / 16

HEX #D5CACE

RGB 213 202 206

HSL 338.18, 0.12%, 0.81%

LAB 82.29, 4.52, -0.63

#85707F

CMYK 0 / 16 / 5 / 48

HEX #85707F

RGB 133 112 127

HSL 317.14, 0.09%, 0.48%

LAB 49.63, 11, -5.19

#A89C9C

CMYK 0 / 7 / 7 / 34

HEX #A89C9C

RGB 168 156 156

HSL 0, 0.06%, 0.64%

LAB 65.36, 4.38, 1.57

#D5CACE

CMYK 0 / 5 / 3 / 16

HEX #D5CACE

RGB 213 202 206

HSL 338.18, 0.12%, 0.81%

LAB 82.29, 4.52, -0.63

#E9DFDD

CMYK 0 / 4 / 5 / 9

HEX #E9DFDD

RGB 233 223 221

HSL 10, 0.21%, 0.89%

LAB 89.54, 3.06, 2.18

#EDE7E9

CMYK 0 / 3 / 2 / 7

HEX #EDE7E9

RGB 237 231 233

HSL 340, 0.14%, 0.92%

LAB 92.15, 2.37, -0.26

リンク:

シェアリンク:

からの2色グラデーション Bettina

リニア

HEX #554866 まで HEX #797494

CSSコード:

ラジアル

HEX #554866 まで HEX #797494

CSSコード:

HEX #554866 まで HEX #A6A4B9

CSSコード:

HEX #554866 まで HEX #A6A4B9

CSSコード:

HEX #797494 まで HEX #554866

CSSコード:

HEX #797494 まで HEX #554866

CSSコード:

HEX #797494 まで HEX #A6A4B9

CSSコード:

HEX #797494 まで HEX #A6A4B9

CSSコード:

HEX #A6A4B9 まで HEX #554866

CSSコード:

HEX #A6A4B9 まで HEX #554866

CSSコード:

HEX #A6A4B9 まで HEX #797494

CSSコード:

HEX #A6A4B9 まで HEX #797494

CSSコード:

からの3色グラデーション Bettina

リニア

HEX #554866 を経て HEX #797494 まで HEX #A6A4B9

CSSコード:

background-image: linear-gradient(135deg, #554866 11%, #797494 50%, #A6A4B9 90%);

ラジアル

HEX #554866 を経て HEX #797494 まで HEX #A6A4B9

CSSコード:

background-image: radial-gradient(circle, #554866 -9%, #797494 51%, #A6A4B9 95%);

HEX #554866 を経て HEX #A6A4B9 まで HEX #797494

CSSコード:

background-image: linear-gradient(135deg, #554866 -4%, #A6A4B9 47%, #797494 107%);

HEX #554866 を経て HEX #A6A4B9 まで HEX #797494

CSSコード:

background-image: radial-gradient(circle, #554866 -3%, #A6A4B9 52%, #797494 86%);

HEX #797494 を経て HEX #554866 まで HEX #A6A4B9

CSSコード:

background-image: linear-gradient(135deg, #797494 12%, #554866 50%, #A6A4B9 105%);

HEX #797494 を経て HEX #554866 まで HEX #A6A4B9

CSSコード:

background-image: radial-gradient(circle, #797494 13%, #554866 54%, #A6A4B9 95%);

HEX #797494 を経て HEX #A6A4B9 まで HEX #554866

CSSコード:

background-image: linear-gradient(135deg, #797494 14%, #A6A4B9 52%, #554866 93%);

HEX #797494 を経て HEX #A6A4B9 まで HEX #554866

CSSコード:

HEX #A6A4B9 を経て HEX #554866 まで HEX #797494

CSSコード:

background-image: linear-gradient(135deg, #A6A4B9 11%, #554866 53%, #797494 94%);

HEX #A6A4B9 を経て HEX #554866 まで HEX #797494

CSSコード:

background-image: radial-gradient(circle, #A6A4B9 5%, #554866 47%, #797494 103%);

HEX #A6A4B9 を経て HEX #797494 まで HEX #554866

CSSコード:

background-image: linear-gradient(135deg, #A6A4B9 -6%, #797494 47%, #554866 102%);

HEX #A6A4B9 を経て HEX #797494 まで HEX #554866

CSSコード:

background-image: radial-gradient(circle, #A6A4B9 -3%, #797494 48%, #554866 109%);

2色グラデーション対応（12 個数）。

見せてください

3色グラデーション対応（12 個数）。

見せてください

メーカーとしてのカラーパレットの検証！

デザイナーやエージェンシーに正確なカラーバリューを提供することができます。

レッツゴー

カラーパレット - Bettina

概要

Bettina

想定される用途

2色グラデーション

3色グラデーション

もっと見る カラーパレット

表示オプション

Bettina

#554866

#797494

#A6A4B9

#42425E

#545A7E

#716FA0

#8A93BA

#A5A6BA

#36465F

#5D7AA2

#547B98

#81ACBD

#9CBEDA

#324F5F

#5F848C

#557689

#6895A8

#8BBBCF

#384F5D

#537E87

#4D6B6D

#6E9B96

#96BBB4

#40545B

#728F8A

#A2BDAA

#D3C78D

#DFD5A4

#594159

#905375

#B67C95

#D199B4

#EAB2CD

#6B4053

#A6446A

#D85C90

#E786A7

#F7A7CC

#A03A52

#C2496C

#E16087

#F3809D

#F6A4BA

#763E57

#B5838F

#C78E95

#E2A6AE

#F5C0D0

#464452

#6F5F6A

#887E87

#7A7886

#C2BFC6

#574551

#997C80

#9A8B8E

#C2B7B1

#D5CACE

#85707F

#A89C9C

#D5CACE

#E9DFDD

#EDE7E9

からの2色グラデーション Bettina

からの3色グラデーション Bettina

メーカーとしてのカラーパレットの検証！

ディスプレイ

人気のあるコンバージョン

もっと見るカラーパレット