#ecceec
RGB
赤 | 236 |
---|---|
緑 | 206 |
青 | 236 |
HSL
色相 | 300° |
---|---|
彩度 | 44% |
明度 | 87% |
輝度 | 86% |
3桁の色
補色
反転色
RGB ( 赤 = 236, 緑 = 206, 青 = 236 )
HSL ( 色相 = 300°, 彩度 = 44%, 明度 = 87% )
H : 色相 ( 300° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #eccfcf : -300
10 : #ecd4cf : -290
20 : #ecd9cf : -280
30 : #ecdecf : -270
40 : #ece3cf : -260
50 : #ece8cf : -250
60 : #ececcf : -240
70 : #e8eccf : -230
80 : #e3eccf : -220
90 : #deeccf : -210
100 : #d9eccf : -200
110 : #d4eccf : -190
120 : #cfeccf : -180
130 : #cfecd4 : -170
140 : #cfecd9 : -160
150 : #cfecde : -150
160 : #cfece3 : -140
170 : #cfece8 : -130
180 : #cfecec : -120
190 : #cfe8ec : -110
200 : #cfe3ec : -100
210 : #cfdeec : -90
220 : #cfd9ec : -80
230 : #cfd4ec : -70
240 : #cfcfec : -60
250 : #d4cfec : -50
260 : #d9cfec : -40
270 : #decfec : -30
280 : #e3cfec : -20
290 : #e8cfec : -10
300 : #eccfec : ±0
310 : #eccfe8 : +10
320 : #eccfe3 : +20
330 : #eccfde : +30
340 : #eccfd9 : +40
350 : #eccfd4 : +50
290 : #e8cfec : -10
291 : #e8cfec : -9
292 : #e9cfec : -8
293 : #e9cfec : -7
294 : #eacfec : -6
295 : #eacfec : -5
296 : #eacfec : -4
297 : #ebcfec : -3
298 : #ebcfec : -2
299 : #eccfec : -1
300 : #eccfec : ±0
301 : #eccfec : +1
302 : #eccfeb : +2
303 : #eccfeb : +3
304 : #eccfea : +4
305 : #eccfea : +5
306 : #eccfea : +6
307 : #eccfe9 : +7
308 : #eccfe9 : +8
309 : #eccfe8 : +9
310 : #eccfe8 : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #dddddd : -44
2 : #dfdddf : -42
4 : #dfdddf : -40
6 : #e0dce0 : -38
8 : #e1dbe1 : -36
10 : #e1dbe1 : -34
12 : #e2dae2 : -32
14 : #e2d9e2 : -30
16 : #e3d9e3 : -28
18 : #e4d8e4 : -26
20 : #e4d7e4 : -24
22 : #e5d7e5 : -22
24 : #e6d6e6 : -20
26 : #e6d5e6 : -18
28 : #e7d5e7 : -16
30 : #e8d4e8 : -14
32 : #e8d3e8 : -12
34 : #e9d3e9 : -10
36 : #ead2ea : -8
38 : #ead1ea : -6
40 : #ebd1eb : -4
42 : #ecd0ec : -2
44 : #eccfec : ±0
46 : #edcfed : +2
48 : #eeceee : +4
50 : #eecdee : +6
52 : #efcdef : +8
54 : #f0ccf0 : +10
56 : #f0cbf0 : +12
58 : #f1cbf1 : +14
60 : #f2caf2 : +16
62 : #f2c9f2 : +18
64 : #f3c9f3 : +20
66 : #f4c8f4 : +22
68 : #f4c7f4 : +24
70 : #f5c7f5 : +26
72 : #f6c6f6 : +28
74 : #f6c5f6 : +30
76 : #f7c5f7 : +32
78 : #f8c4f8 : +34
80 : #f8c3f8 : +36
82 : #f9c3f9 : +38
84 : #fac2fa : +40
86 : #fac1fa : +42
88 : #fbc1fb : +44
90 : #fcc0fc : +46
92 : #fcbffc : +48
94 : #fdbffd : +50
96 : #febefe : +52
98 : #febdfe : +54
100 : #ffbdff : +56
L : 明度 ( 87% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -86
3 : #0b040b : -84
5 : #120712 : -82
7 : #1a0a1a : -80
9 : #210d21 : -78
11 : #281028 : -76
13 : #301330 : -74
15 : #371537 : -72
17 : #3e183e : -70
19 : #461b46 : -68
21 : #4d1e4d : -66
23 : #542154 : -64
25 : #5c245c : -62
27 : #632763 : -60
29 : #6a296a : -58
31 : #722c72 : -56
33 : #792f79 : -54
35 : #813281 : -52
37 : #883588 : -50
39 : #8f388f : -48
41 : #973b97 : -46
43 : #9e3d9e : -44
45 : #a540a5 : -42
47 : #ad43ad : -40
49 : #b446b4 : -38
51 : #b94bb9 : -36
53 : #bc52bc : -34
55 : #bf5abf : -32
57 : #c261c2 : -30
59 : #c468c4 : -28
61 : #c770c7 : -26
63 : #ca77ca : -24
65 : #cd7ecd : -22
67 : #d086d0 : -20
69 : #d38dd3 : -18
71 : #d695d6 : -16
73 : #d89cd8 : -14
75 : #dba3db : -12
77 : #deabde : -10
79 : #e1b2e1 : -8
81 : #e4b9e4 : -6
83 : #e7c1e7 : -4
85 : #eac8ea : -2
87 : #eccfec : ±0
89 : #efd7ef : +2
91 : #f2def2 : +4
93 : #f5e5f5 : +6
95 : #f8edf8 : +8
97 : #fbf4fb : +10
99 : #fefbfe : +12
CSS入門、作ってます。
text-shadow