#ec3ce6
RGB
| 赤 | 236 |
|---|---|
| 緑 | 60 |
| 青 | 230 |
HSL
| 色相 | 302° |
|---|---|
| 彩度 | 82% |
| 明度 | 58% |
| 輝度 | 52% |
３桁の色
補色
反転色
RGB ( 赤 = 236, 緑 = 60, 青 = 230 )
HSL ( 色相 = 302°, 彩度 = 82%, 明度 = 58% )
H : 色相 ( 302° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #ec423c : -300
12 : #ec5f3c : -290
22 : #ec7c3c : -280
32 : #ec9a3c : -270
42 : #ecb73c : -260
52 : #ecd43c : -250
62 : #e6ec3c : -240
72 : #c9ec3c : -230
82 : #abec3c : -220
92 : #8eec3c : -210
102 : #71ec3c : -200
112 : #53ec3c : -190
122 : #3cec42 : -180
132 : #3cec5f : -170
142 : #3cec7c : -160
152 : #3cec9a : -150
162 : #3cecb7 : -140
172 : #3cecd4 : -130
182 : #3ce6ec : -120
192 : #3cc9ec : -110
202 : #3cabec : -100
212 : #3c8eec : -90
222 : #3c71ec : -80
232 : #3c53ec : -70
242 : #423cec : -60
252 : #5f3cec : -50
262 : #7c3cec : -40
272 : #9a3cec : -30
282 : #b73cec : -20
292 : #d43cec : -10
302 : #ec3ce6 : ±0
312 : #ec3cc9 : +10
322 : #ec3cab : +20
332 : #ec3c8e : +30
342 : #ec3c71 : +40
352 : #ec3c53 : +50
292 : #d43cec : -10
293 : #d73cec : -9
294 : #da3cec : -8
295 : #dd3cec : -7
296 : #e03cec : -6
297 : #e33cec : -5
298 : #e63cec : -4
299 : #e93cec : -3
300 : #ec3cec : -2
301 : #ec3ce9 : -1
302 : #ec3ce6 : ±0
303 : #ec3ce3 : +1
304 : #ec3ce0 : +2
305 : #ec3cdd : +3
306 : #ec3cda : +4
307 : #ec3cd7 : +5
308 : #ec3cd4 : +6
309 : #ec3cd1 : +7
310 : #ec3cce : +8
311 : #ec3ccc : +9
312 : #ec3cc9 : +10
S : 彩度 ( 82% )
(0%) 渋い ～ 鮮やか (100%)
0 : #939393 : -82
2 : #969296 : -80
4 : #989098 : -78
6 : #9a8d9a : -76
8 : #9c8b9c : -74
10 : #9f899e : -72
12 : #a187a0 : -70
14 : #a385a2 : -68
16 : #a583a4 : -66
18 : #a781a6 : -64
20 : #a97ea8 : -62
22 : #ab7caa : -60
24 : #ae7aac : -58
26 : #b078ae : -56
28 : #b276b0 : -54
30 : #b474b2 : -52
32 : #b672b4 : -50
34 : #b86fb6 : -48
36 : #ba6db8 : -46
38 : #bd6bba : -44
40 : #bf69bc : -42
42 : #c167be : -40
44 : #c365c0 : -38
46 : #c563c2 : -36
48 : #c760c4 : -34
50 : #c95ec6 : -32
52 : #cc5cc8 : -30
54 : #ce5aca : -28
56 : #d058cc : -26
58 : #d256ce : -24
60 : #d454d0 : -22
62 : #d651d2 : -20
64 : #d84fd4 : -18
66 : #db4dd6 : -16
68 : #dd4bd8 : -14
70 : #df49da : -12
72 : #e147dc : -10
74 : #e345de : -8
76 : #e543e0 : -6
78 : #e740e2 : -4
80 : #ea3ee4 : -2
82 : #ec3ce6 : ±0
84 : #ee3ae8 : +2
86 : #f038ea : +4
88 : #f236ec : +6
90 : #f434ee : +8
92 : #f631f0 : +10
94 : #f92ff2 : +12
96 : #fb2df4 : +14
98 : #fd2bf6 : +16
100 : #ff29f8 : +18
L : 明度 ( 58% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -58
2 : #090109 : -56
4 : #130212 : -54
6 : #1c031b : -52
8 : #250424 : -50
10 : #2e052d : -48
12 : #380636 : -46
14 : #41063f : -44
16 : #4a0748 : -42
18 : #540851 : -40
20 : #5d095a : -38
22 : #660a63 : -36
24 : #6f0b6c : -34
26 : #790c75 : -32
28 : #820d7e : -30
30 : #8b0e87 : -28
32 : #950f90 : -26
34 : #9e1099 : -24
36 : #a711a2 : -22
38 : #b011ab : -20
40 : #ba12b4 : -18
42 : #c313bd : -16
44 : #cc14c6 : -14
46 : #d515cf : -12
48 : #df16d8 : -10
50 : #e817e1 : -8
52 : #e920e2 : -6
54 : #ea2ae3 : -4
56 : #eb33e5 : -2
58 : #ec3ce6 : ±0
60 : #ed45e7 : +2
62 : #ee4fe8 : +4
64 : #ee58e9 : +6
66 : #ef61eb : +8
68 : #f06aec : +10
70 : #f174ed : +12
72 : #f27dee : +14
74 : #f386ef : +16
76 : #f490f1 : +18
78 : #f599f2 : +20
80 : #f6a2f3 : +22
82 : #f7abf4 : +24
84 : #f8b5f5 : +26
86 : #f9bef7 : +28
88 : #f9c7f8 : +30
90 : #fad1f9 : +32
92 : #fbdafa : +34
94 : #fce3fb : +36
96 : #fdecfd : +38
98 : #fef6fe : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow