#bbdcbc
RGB
赤 | 187 |
---|---|
緑 | 220 |
青 | 188 |
HSL
色相 | 122° |
---|---|
彩度 | 32% |
明度 | 80% |
輝度 | 81% |
3桁の色
補色
反転色
RGB ( 赤 = 187, 緑 = 220, 青 = 188 )
HSL ( 色相 = 122°, 彩度 = 32%, 明度 = 80% )
H : 色相 ( 122° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #dcbdbc : -120
12 : #dcc2bc : -110
22 : #dcc8bc : -100
32 : #dccdbc : -90
42 : #dcd3bc : -80
52 : #dcd8bc : -70
62 : #dbdcbc : -60
72 : #d6dcbc : -50
82 : #d0dcbc : -40
92 : #cbdcbc : -30
102 : #c5dcbc : -20
112 : #c0dcbc : -10
122 : #bcdcbd : ±0
132 : #bcdcc2 : +10
142 : #bcdcc8 : +20
152 : #bcdccd : +30
162 : #bcdcd3 : +40
172 : #bcdcd8 : +50
182 : #bcdbdc : +60
192 : #bcd6dc : +70
202 : #bcd0dc : +80
212 : #bccbdc : +90
222 : #bcc5dc : +100
232 : #bcc0dc : +110
242 : #bdbcdc : +120
252 : #c2bcdc : +130
262 : #c8bcdc : +140
272 : #cdbcdc : +150
282 : #d3bcdc : +160
292 : #d8bcdc : +170
302 : #dcbcdb : +180
312 : #dcbcd6 : +190
322 : #dcbcd0 : +200
332 : #dcbccb : +210
342 : #dcbcc5 : +220
352 : #dcbcc0 : +230
112 : #c0dcbc : -10
113 : #bfdcbc : -9
114 : #bfdcbc : -8
115 : #bedcbc : -7
116 : #bedcbc : -6
117 : #bddcbc : -5
118 : #bddcbc : -4
119 : #bcdcbc : -3
120 : #bcdcbc : -2
121 : #bcdcbc : -1
122 : #bcdcbd : ±0
123 : #bcdcbd : +1
124 : #bcdcbe : +2
125 : #bcdcbe : +3
126 : #bcdcbf : +4
127 : #bcdcbf : +5
128 : #bcdcc0 : +6
129 : #bcdcc1 : +7
130 : #bcdcc1 : +8
131 : #bcdcc2 : +9
132 : #bcdcc2 : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #cccccc : -32
2 : #cbcdcb : -30
4 : #caceca : -28
6 : #c9cfc9 : -26
8 : #c8d0c8 : -24
10 : #c7d1c7 : -22
12 : #c6d2c6 : -20
14 : #c5d3c5 : -18
16 : #c4d4c4 : -16
18 : #c3d5c3 : -14
20 : #c2d6c2 : -12
22 : #c1d7c2 : -10
24 : #c0d8c1 : -8
26 : #bfd9c0 : -6
28 : #bedabf : -4
30 : #bddbbe : -2
32 : #bcdcbd : ±0
34 : #bbddbc : +2
36 : #badebb : +4
38 : #b9dfba : +6
40 : #b8e0b9 : +8
42 : #b7e1b8 : +10
44 : #b6e2b7 : +12
46 : #b5e3b6 : +14
48 : #b4e4b5 : +16
50 : #b3e6b4 : +18
52 : #b1e7b3 : +20
54 : #b0e8b2 : +22
56 : #afe9b1 : +24
58 : #aeeab0 : +26
60 : #adebaf : +28
62 : #acecae : +30
64 : #abedae : +32
66 : #aaeead : +34
68 : #a9efac : +36
70 : #a8f0ab : +38
72 : #a7f1aa : +40
74 : #a6f2a9 : +42
76 : #a5f3a8 : +44
78 : #a4f4a7 : +46
80 : #a3f5a6 : +48
82 : #a2f6a5 : +50
84 : #a1f7a4 : +52
86 : #a0f8a3 : +54
88 : #9ff9a2 : +56
90 : #9efaa1 : +58
92 : #9dfba0 : +60
94 : #9cfc9f : +62
96 : #9bfd9e : +64
98 : #9afe9d : +66
100 : #99ff9c : +68
L : 明度 ( 80% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -80
2 : #030704 : -78
4 : #070d07 : -76
6 : #0a140b : -74
8 : #0e1b0e : -72
10 : #112212 : -70
12 : #152815 : -68
14 : #182f19 : -66
16 : #1c361d : -64
18 : #1f3d20 : -62
20 : #234324 : -60
22 : #264a27 : -58
24 : #2a512b : -56
26 : #2d582e : -54
28 : #315e32 : -52
30 : #346536 : -50
32 : #376c39 : -48
34 : #3b723d : -46
36 : #3e7940 : -44
38 : #428044 : -42
40 : #458748 : -40
42 : #498d4b : -38
44 : #4c944f : -36
46 : #509b52 : -34
48 : #53a256 : -32
50 : #57a859 : -30
52 : #5dac60 : -28
54 : #64af67 : -26
56 : #6bb36d : -24
58 : #72b674 : -22
60 : #78ba7b : -20
62 : #7fbd81 : -18
64 : #86c188 : -16
66 : #8dc48e : -14
68 : #93c895 : -12
70 : #9acb9c : -10
72 : #a1cea2 : -8
74 : #a7d2a9 : -6
76 : #aed5b0 : -4
78 : #b5d9b6 : -2
80 : #bcdcbd : ±0
82 : #c2e0c3 : +2
84 : #c9e3ca : +4
86 : #d0e7d1 : +6
88 : #d7ead7 : +8
90 : #ddeede : +10
92 : #e4f1e5 : +12
94 : #ebf5eb : +14
96 : #f2f8f2 : +16
98 : #f8fcf8 : +18
100 : #ffffff : +20
CSS入門、作ってます。
text-shadow