#bc9e80
RGB
赤 | 188 |
---|---|
緑 | 158 |
青 | 128 |
HSL
色相 | 30° |
---|---|
彩度 | 31% |
明度 | 62% |
輝度 | 64% |
3桁の色
補色
反転色
RGB ( 赤 = 188, 緑 = 158, 青 = 128 )
HSL ( 色相 = 30°, 彩度 = 31%, 明度 = 62% )
H : 色相 ( 30° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #bc8080 : -30
10 : #bc8a80 : -20
20 : #bc9480 : -10
30 : #bc9e80 : ±0
40 : #bca880 : +10
50 : #bcb280 : +20
60 : #bcbc80 : +30
70 : #b2bc80 : +40
80 : #a8bc80 : +50
90 : #9ebc80 : +60
100 : #94bc80 : +70
110 : #8abc80 : +80
120 : #80bc80 : +90
130 : #80bc8a : +100
140 : #80bc94 : +110
150 : #80bc9e : +120
160 : #80bca8 : +130
170 : #80bcb2 : +140
180 : #80bcbc : +150
190 : #80b2bc : +160
200 : #80a8bc : +170
210 : #809ebc : +180
220 : #8094bc : +190
230 : #808abc : +200
240 : #8080bc : +210
250 : #8a80bc : +220
260 : #9480bc : +230
270 : #9e80bc : +240
280 : #a880bc : +250
290 : #b280bc : +260
300 : #bc80bc : +270
310 : #bc80b2 : +280
320 : #bc80a8 : +290
330 : #bc809e : +300
340 : #bc8094 : +310
350 : #bc808a : +320
20 : #bc9480 : -10
21 : #bc9580 : -9
22 : #bc9680 : -8
23 : #bc9780 : -7
24 : #bc9880 : -6
25 : #bc9980 : -5
26 : #bc9a80 : -4
27 : #bc9b80 : -3
28 : #bc9c80 : -2
29 : #bc9d80 : -1
30 : #bc9e80 : ±0
31 : #bc9f80 : +1
32 : #bca080 : +2
33 : #bca180 : +3
34 : #bca280 : +4
35 : #bca380 : +5
36 : #bca480 : +6
37 : #bca580 : +7
38 : #bca680 : +8
39 : #bca780 : +9
40 : #bca880 : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #9f9e9d : -30
3 : #a19e9b : -28
5 : #a39e99 : -26
7 : #a59e97 : -24
9 : #a79e95 : -22
11 : #a99e93 : -20
13 : #ab9e92 : -18
15 : #ad9e90 : -16
17 : #af9e8e : -14
19 : #b19e8c : -12
21 : #b29e8a : -10
23 : #b49e88 : -8
25 : #b69e86 : -6
27 : #b89e84 : -4
29 : #ba9e82 : -2
31 : #bc9e80 : ±0
33 : #be9e7e : +2
35 : #c09e7c : +4
37 : #c29e7a : +6
39 : #c49e78 : +8
41 : #c69e76 : +10
43 : #c89e74 : +12
45 : #ca9e72 : +14
47 : #cc9e71 : +16
49 : #ce9e6f : +18
51 : #d09e6d : +20
53 : #d19e6b : +22
55 : #d39e69 : +24
57 : #d59e67 : +26
59 : #d79e65 : +28
61 : #d99e63 : +30
63 : #db9e61 : +32
65 : #dd9e5f : +34
67 : #df9e5d : +36
69 : #e19e5b : +38
71 : #e39e59 : +40
73 : #e59e57 : +42
75 : #e79e55 : +44
77 : #e99e53 : +46
79 : #eb9e52 : +48
81 : #ed9e50 : +50
83 : #ef9e4e : +52
85 : #f09e4c : +54
87 : #f29e4a : +56
89 : #f49e48 : +58
91 : #f69e46 : +60
93 : #f89e44 : +62
95 : #fa9e42 : +64
97 : #fc9e40 : +66
99 : #fe9e3e : +68
L : 明度 ( 62% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -62
2 : #070504 : -60
4 : #0d0a07 : -58
6 : #140f0b : -56
8 : #1b140e : -54
10 : #211a12 : -52
12 : #281f15 : -50
14 : #2f2419 : -48
16 : #35291c : -46
18 : #3c2e20 : -44
20 : #433323 : -42
22 : #493827 : -40
24 : #503d2a : -38
26 : #57422e : -36
28 : #5e4731 : -34
30 : #644d35 : -32
32 : #6b5238 : -30
34 : #72573c : -28
36 : #785c3f : -26
38 : #7f6143 : -24
40 : #866646 : -22
42 : #8c6b4a : -20
44 : #93704d : -18
46 : #9a7551 : -16
48 : #a07a54 : -14
50 : #a78058 : -12
52 : #ab855f : -10
54 : #ae8a65 : -8
56 : #b28f6c : -6
58 : #b59473 : -4
60 : #b99979 : -2
62 : #bc9e80 : ±0
64 : #c0a387 : +2
66 : #c3a88d : +4
68 : #c7ad94 : +6
70 : #cab39b : +8
72 : #ceb8a1 : +10
74 : #d1bda8 : +12
76 : #d5c2af : +14
78 : #d8c7b6 : +16
80 : #dcccbc : +18
82 : #dfd1c3 : +20
84 : #e3d6ca : +22
86 : #e6dbd0 : +24
88 : #eae0d7 : +26
90 : #ede6de : +28
92 : #f1ebe4 : +30
94 : #f4f0eb : +32
96 : #f8f5f2 : +34
98 : #fbfaf8 : +36
100 : #ffffff : +38
CSS入門、作ってます。
text-shadow