#bac4ce
RGB
赤 | 186 |
---|---|
緑 | 196 |
青 | 206 |
HSL
色相 | 210° |
---|---|
彩度 | 17% |
明度 | 77% |
輝度 | 76% |
3桁の色
補色
反転色
RGB ( 赤 = 186, 緑 = 196, 青 = 206 )
HSL ( 色相 = 210°, 彩度 = 17%, 明度 = 77% )
H : 色相 ( 210° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #cebaba : -210
10 : #cebeba : -200
20 : #cec1ba : -190
30 : #cec4ba : -180
40 : #cec8ba : -170
50 : #cecbba : -160
60 : #ceceba : -150
70 : #cbceba : -140
80 : #c8ceba : -130
90 : #c4ceba : -120
100 : #c1ceba : -110
110 : #beceba : -100
120 : #baceba : -90
130 : #bacebe : -80
140 : #bacec1 : -70
150 : #bacec4 : -60
160 : #bacec8 : -50
170 : #bacecb : -40
180 : #bacece : -30
190 : #bacbce : -20
200 : #bac8ce : -10
210 : #bac4ce : ±0
220 : #bac1ce : +10
230 : #babece : +20
240 : #babace : +30
250 : #bebace : +40
260 : #c1bace : +50
270 : #c4bace : +60
280 : #c8bace : +70
290 : #cbbace : +80
300 : #cebace : +90
310 : #cebacb : +100
320 : #cebac8 : +110
330 : #cebac4 : +120
340 : #cebac1 : +130
350 : #cebabe : +140
200 : #bac8ce : -10
201 : #bac7ce : -9
202 : #bac7ce : -8
203 : #bac7ce : -7
204 : #bac6ce : -6
205 : #bac6ce : -5
206 : #bac6ce : -4
207 : #bac5ce : -3
208 : #bac5ce : -2
209 : #bac5ce : -1
210 : #bac4ce : ±0
211 : #bac4ce : +1
212 : #bac4ce : +2
213 : #bac3ce : +3
214 : #bac3ce : +4
215 : #bac3ce : +5
216 : #bac2ce : +6
217 : #bac2ce : +7
218 : #bac2ce : +8
219 : #bac1ce : +9
220 : #bac1ce : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #c4c4c5 : -16
3 : #c3c4c6 : -14
5 : #c1c4c7 : -12
7 : #c0c4c8 : -10
9 : #bfc4ca : -8
11 : #bec4cb : -6
13 : #bdc4cc : -4
15 : #bcc4cd : -2
17 : #bac4ce : ±0
19 : #b9c4cf : +2
21 : #b8c4d1 : +4
23 : #b7c4d2 : +6
25 : #b6c4d3 : +8
27 : #b5c4d4 : +10
29 : #b3c4d5 : +12
31 : #b2c4d7 : +14
33 : #b1c4d8 : +16
35 : #b0c4d9 : +18
37 : #afc4da : +20
39 : #adc4db : +22
41 : #acc4dc : +24
43 : #abc4de : +26
45 : #aac4df : +28
47 : #a9c4e0 : +30
49 : #a8c4e1 : +32
51 : #a6c4e2 : +34
53 : #a5c4e3 : +36
55 : #a4c4e5 : +38
57 : #a3c4e6 : +40
59 : #a2c4e7 : +42
61 : #a1c4e8 : +44
63 : #9fc4e9 : +46
65 : #9ec4ea : +48
67 : #9dc4ec : +50
69 : #9cc4ed : +52
71 : #9bc4ee : +54
73 : #9ac4ef : +56
75 : #98c4f0 : +58
77 : #97c4f2 : +60
79 : #96c4f3 : +62
81 : #95c4f4 : +64
83 : #94c4f5 : +66
85 : #92c4f6 : +68
87 : #91c4f7 : +70
89 : #90c4f9 : +72
91 : #8fc4fa : +74
93 : #8ec4fb : +76
95 : #8dc4fc : +78
97 : #8bc4fd : +80
99 : #8ac4fe : +82
L : 明度 ( 77% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -76
3 : #060809 : -74
5 : #0b0d0f : -72
7 : #0f1215 : -70
9 : #13171b : -68
11 : #171c21 : -66
13 : #1c2127 : -64
15 : #20262d : -62
17 : #242b33 : -60
19 : #283039 : -58
21 : #2c363f : -56
23 : #313b45 : -54
25 : #35404b : -52
27 : #394551 : -50
29 : #3d4a57 : -48
31 : #424f5c : -46
33 : #465462 : -44
35 : #4a5968 : -42
37 : #4e5e6e : -40
39 : #536374 : -38
41 : #57697a : -36
43 : #5b6e80 : -34
45 : #5f7386 : -32
47 : #63788c : -30
49 : #687d92 : -28
51 : #6d8297 : -26
53 : #73879c : -24
55 : #798ca0 : -22
57 : #7f91a4 : -20
59 : #8596a8 : -18
61 : #8b9cac : -16
63 : #91a1b1 : -14
65 : #97a6b5 : -12
67 : #9dabb9 : -10
69 : #a3b0bd : -8
71 : #a8b5c2 : -6
73 : #aebac6 : -4
75 : #b4bfca : -2
77 : #bac4ce : ±0
79 : #c0c9d3 : +2
81 : #c6cfd7 : +4
83 : #ccd4db : +6
85 : #d2d9df : +8
87 : #d8dee3 : +10
89 : #dee3e8 : +12
91 : #e4e8ec : +14
93 : #eaedf0 : +16
95 : #f0f2f4 : +18
97 : #f6f7f9 : +20
99 : #fcfcfd : +22
CSS入門、作ってます。
text-shadow