#b93c89
RGB
赤 | 185 |
---|---|
緑 | 60 |
青 | 137 |
HSL
色相 | 323° |
---|---|
彩度 | 51% |
明度 | 48% |
輝度 | 42% |
3桁の色
補色
反転色
RGB ( 赤 = 185, 緑 = 60, 青 = 137 )
HSL ( 色相 = 323°, 彩度 = 51%, 明度 = 48% )
H : 色相 ( 323° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #b9423c : -320
13 : #b9573c : -310
23 : #b96c3c : -300
33 : #b9813c : -290
43 : #b9953c : -280
53 : #b9aa3c : -270
63 : #b3b93c : -260
73 : #9eb93c : -250
83 : #89b93c : -240
93 : #74b93c : -230
103 : #5fb93c : -220
113 : #4bb93c : -210
123 : #3cb942 : -200
133 : #3cb957 : -190
143 : #3cb96c : -180
153 : #3cb981 : -170
163 : #3cb995 : -160
173 : #3cb9aa : -150
183 : #3cb3b9 : -140
193 : #3c9eb9 : -130
203 : #3c89b9 : -120
213 : #3c74b9 : -110
223 : #3c5fb9 : -100
233 : #3c4bb9 : -90
243 : #423cb9 : -80
253 : #573cb9 : -70
263 : #6c3cb9 : -60
273 : #813cb9 : -50
283 : #953cb9 : -40
293 : #aa3cb9 : -30
303 : #b93cb3 : -20
313 : #b93c9e : -10
323 : #b93c89 : ±0
333 : #b93c74 : +10
343 : #b93c5f : +20
353 : #b93c4b : +30
313 : #b93c9e : -10
314 : #b93c9c : -9
315 : #b93c9a : -8
316 : #b93c98 : -7
317 : #b93c95 : -6
318 : #b93c93 : -5
319 : #b93c91 : -4
320 : #b93c8f : -3
321 : #b93c8d : -2
322 : #b93c8b : -1
323 : #b93c89 : ±0
324 : #b93c87 : +1
325 : #b93c85 : +2
326 : #b93c83 : +3
327 : #b93c81 : +4
328 : #b93c7f : +5
329 : #b93c7c : +6
330 : #b93c7a : +7
331 : #b93c78 : +8
332 : #b93c76 : +9
333 : #b93c74 : +10
S : 彩度 ( 51% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7c797b : -50
3 : #7e777b : -48
5 : #81747c : -46
7 : #83727c : -44
9 : #856f7d : -42
11 : #886d7e : -40
13 : #8a6a7e : -38
15 : #8d687f : -36
17 : #8f667f : -34
19 : #926380 : -32
21 : #946180 : -30
23 : #975e81 : -28
25 : #995c82 : -26
27 : #9b5982 : -24
29 : #9e5783 : -22
31 : #a05483 : -20
33 : #a35284 : -18
35 : #a55084 : -16
37 : #a84d85 : -14
39 : #aa4b86 : -12
41 : #ad4886 : -10
43 : #af4687 : -8
45 : #b14387 : -6
47 : #b44188 : -4
49 : #b63e88 : -2
51 : #b93c89 : ±0
53 : #bb3a8a : +2
55 : #be378a : +4
57 : #c0358b : +6
59 : #c3328b : +8
61 : #c5308c : +10
63 : #c82d8c : +12
65 : #ca2b8d : +14
67 : #cc288e : +16
69 : #cf268e : +18
71 : #d1238f : +20
73 : #d4218f : +22
75 : #d61f90 : +24
77 : #d91c90 : +26
79 : #db1a91 : +28
81 : #de1792 : +30
83 : #e01592 : +32
85 : #e21293 : +34
87 : #e51093 : +36
89 : #e70d94 : +38
91 : #ea0b94 : +40
93 : #ec0995 : +42
95 : #ef0696 : +44
97 : #f10496 : +46
99 : #f40197 : +48
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #080206 : -46
4 : #0f050b : -44
6 : #170711 : -42
8 : #1f0a17 : -40
10 : #270c1d : -38
12 : #2e0f22 : -36
14 : #361128 : -34
16 : #3e142e : -32
18 : #451633 : -30
20 : #4d1939 : -28
22 : #551b3f : -26
24 : #5c1e44 : -24
26 : #64204a : -22
28 : #6c2350 : -20
30 : #742556 : -18
32 : #7b285b : -16
34 : #832a61 : -14
36 : #8b2d67 : -12
38 : #922f6c : -10
40 : #9a3272 : -8
42 : #a23478 : -6
44 : #a9377e : -4
46 : #b13983 : -2
48 : #b93c89 : ±0
50 : #c13e8f : +2
52 : #c34693 : +4
54 : #c64e98 : +6
56 : #c8569c : +8
58 : #cb5da1 : +10
60 : #cd65a5 : +12
62 : #d06daa : +14
64 : #d274ae : +16
66 : #d57cb3 : +18
68 : #d784b7 : +20
70 : #da8bbc : +22
72 : #dc93c0 : +24
74 : #df9bc5 : +26
76 : #e1a3c9 : +28
78 : #e4aace : +30
80 : #e6b2d2 : +32
82 : #e9bad7 : +34
84 : #ebc1db : +36
86 : #eec9e0 : +38
88 : #f0d1e4 : +40
90 : #f3d8e9 : +42
92 : #f5e0ed : +44
94 : #f8e8f2 : +46
96 : #faf0f6 : +48
98 : #fdf7fb : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow