#c1e6cb
RGB
赤 | 193 |
---|---|
緑 | 230 |
青 | 203 |
HSL
色相 | 136° |
---|---|
彩度 | 43% |
明度 | 83% |
輝度 | 85% |
3桁の色
補色
反転色
RGB ( 赤 = 193, 緑 = 230, 青 = 203 )
HSL ( 色相 = 136°, 彩度 = 43%, 明度 = 83% )
H : 色相 ( 136° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #e6c5c1 : -130
16 : #e6cbc1 : -120
26 : #e6d1c1 : -110
36 : #e6d7c1 : -100
46 : #e6dec1 : -90
56 : #e6e4c1 : -80
66 : #e3e6c1 : -70
76 : #dce6c1 : -60
86 : #d6e6c1 : -50
96 : #d0e6c1 : -40
106 : #cae6c1 : -30
116 : #c3e6c1 : -20
126 : #c1e6c5 : -10
136 : #c1e6cb : ±0
146 : #c1e6d1 : +10
156 : #c1e6d7 : +20
166 : #c1e6de : +30
176 : #c1e6e4 : +40
186 : #c1e3e6 : +50
196 : #c1dce6 : +60
206 : #c1d6e6 : +70
216 : #c1d0e6 : +80
226 : #c1cae6 : +90
236 : #c1c3e6 : +100
246 : #c5c1e6 : +110
256 : #cbc1e6 : +120
266 : #d1c1e6 : +130
276 : #d7c1e6 : +140
286 : #dec1e6 : +150
296 : #e4c1e6 : +160
306 : #e6c1e3 : +170
316 : #e6c1dc : +180
326 : #e6c1d6 : +190
336 : #e6c1d0 : +200
346 : #e6c1ca : +210
356 : #e6c1c3 : +220
126 : #c1e6c5 : -10
127 : #c1e6c5 : -9
128 : #c1e6c6 : -8
129 : #c1e6c7 : -7
130 : #c1e6c7 : -6
131 : #c1e6c8 : -5
132 : #c1e6c8 : -4
133 : #c1e6c9 : -3
134 : #c1e6ca : -2
135 : #c1e6ca : -1
136 : #c1e6cb : ±0
137 : #c1e6cc : +1
138 : #c1e6cc : +2
139 : #c1e6cd : +3
140 : #c1e6cd : +4
141 : #c1e6ce : +5
142 : #c1e6cf : +6
143 : #c1e6cf : +7
144 : #c1e6d0 : +8
145 : #c1e6d1 : +9
146 : #c1e6d1 : +10
S : 彩度 ( 43% )
(0%) 渋い ~ 鮮やか (100%)
1 : #d3d4d3 : -42
3 : #d2d5d3 : -40
5 : #d1d6d3 : -38
7 : #d1d7d2 : -36
9 : #d0d8d2 : -34
11 : #cfd8d1 : -32
13 : #ced9d1 : -30
15 : #cddad1 : -28
17 : #ccdbd0 : -26
19 : #cbdcd0 : -24
21 : #cbddcf : -22
23 : #cadecf : -20
25 : #c9decf : -18
27 : #c8dfce : -16
29 : #c7e0ce : -14
31 : #c6e1cd : -12
33 : #c5e2cd : -10
35 : #c4e3cd : -8
37 : #c4e4cc : -6
39 : #c3e5cc : -4
41 : #c2e5cb : -2
43 : #c1e6cb : ±0
45 : #c0e7cb : +2
47 : #bfe8ca : +4
49 : #bee9ca : +6
51 : #beeac9 : +8
53 : #bdebc9 : +10
55 : #bcebc9 : +12
57 : #bbecc8 : +14
59 : #baedc8 : +16
61 : #b9eec7 : +18
63 : #b8efc7 : +20
65 : #b7f0c7 : +22
67 : #b7f1c6 : +24
69 : #b6f2c6 : +26
71 : #b5f2c5 : +28
73 : #b4f3c5 : +30
75 : #b3f4c4 : +32
77 : #b2f5c4 : +34
79 : #b1f6c4 : +36
81 : #b1f7c3 : +38
83 : #b0f8c3 : +40
85 : #aff8c2 : +42
87 : #aef9c2 : +44
89 : #adfac2 : +46
91 : #acfbc1 : +48
93 : #abfcc1 : +50
95 : #aafdc0 : +52
97 : #aafec0 : +54
99 : #a9ffc0 : +56
L : 明度 ( 83% )
(0%) 暗い ~ 明るい (100%)
1 : #010402 : -82
3 : #040b06 : -80
5 : #07120a : -78
7 : #0a1a0e : -76
9 : #0d2112 : -74
11 : #102816 : -72
13 : #132f1a : -70
15 : #16371f : -68
17 : #193e23 : -66
19 : #1c4527 : -64
21 : #1f4d2b : -62
23 : #21542f : -60
25 : #245b33 : -58
27 : #276237 : -56
29 : #2a6a3b : -54
31 : #2d713f : -52
33 : #307843 : -50
35 : #338047 : -48
37 : #36874b : -46
39 : #398e4f : -44
41 : #3c9654 : -42
43 : #3f9d58 : -40
45 : #41a45c : -38
47 : #44ab60 : -36
49 : #47b364 : -34
51 : #4cb869 : -32
53 : #54bb6f : -30
55 : #5bbe75 : -28
57 : #62c07b : -26
59 : #69c381 : -24
61 : #71c688 : -22
63 : #78c98e : -20
65 : #7fcc94 : -18
67 : #87cf9a : -16
69 : #8ed2a0 : -14
71 : #95d5a6 : -12
73 : #9dd8ac : -10
75 : #a4dbb2 : -8
77 : #abdeb9 : -6
79 : #b2e0bf : -4
81 : #bae3c5 : -2
83 : #c1e6cb : ±0
85 : #c8e9d1 : +2
87 : #d0ecd7 : +4
89 : #d7efdd : +6
91 : #def2e3 : +8
93 : #e5f5ea : +10
95 : #edf8f0 : +12
97 : #f4fbf6 : +14
99 : #fbfefc : +16
CSS入門、作ってます。
text-shadow