#40cea8
RGB
赤 | 64 |
---|---|
緑 | 206 |
青 | 168 |
HSL
色相 | 164° |
---|---|
彩度 | 59% |
明度 | 53% |
輝度 | 62% |
3桁の色
補色
反転色
RGB ( 赤 = 64, 緑 = 206, 青 = 168 )
HSL ( 色相 = 164°, 彩度 = 59%, 明度 = 53% )
H : 色相 ( 164° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #ce4a40 : -160
14 : #ce6140 : -150
24 : #ce7940 : -140
34 : #ce9140 : -130
44 : #cea840 : -120
54 : #cec040 : -110
64 : #c4ce40 : -100
74 : #adce40 : -90
84 : #95ce40 : -80
94 : #7ece40 : -70
104 : #66ce40 : -60
114 : #4fce40 : -50
124 : #40ce4a : -40
134 : #40ce61 : -30
144 : #40ce79 : -20
154 : #40ce91 : -10
164 : #40cea8 : ±0
174 : #40cec0 : +10
184 : #40c4ce : +20
194 : #40adce : +30
204 : #4095ce : +40
214 : #407ece : +50
224 : #4066ce : +60
234 : #404fce : +70
244 : #4a40ce : +80
254 : #6140ce : +90
264 : #7940ce : +100
274 : #9140ce : +110
284 : #a840ce : +120
294 : #c040ce : +130
304 : #ce40c4 : +140
314 : #ce40ad : +150
324 : #ce4095 : +160
334 : #ce407e : +170
344 : #ce4066 : +180
354 : #ce404f : +190
154 : #40ce91 : -10
155 : #40ce93 : -9
156 : #40ce95 : -8
157 : #40ce98 : -7
158 : #40ce9a : -6
159 : #40ce9c : -5
160 : #40ce9f : -4
161 : #40cea1 : -3
162 : #40cea3 : -2
163 : #40cea6 : -1
164 : #40cea8 : ±0
165 : #40ceab : +1
166 : #40cead : +2
167 : #40ceaf : +3
168 : #40ceb2 : +4
169 : #40ceb4 : +5
170 : #40ceb6 : +6
171 : #40ceb9 : +7
172 : #40cebb : +8
173 : #40cebd : +9
174 : #40cec0 : +10
S : 彩度 ( 59% )
(0%) 渋い ~ 鮮やか (100%)
1 : #868888 : -58
3 : #848b89 : -56
5 : #818d8a : -54
7 : #7f908b : -52
9 : #7c928c : -50
11 : #7a948d : -48
13 : #78978e : -46
15 : #759990 : -44
17 : #739c91 : -42
19 : #709e92 : -40
21 : #6ea093 : -38
23 : #6ca394 : -36
25 : #69a595 : -34
27 : #67a896 : -32
29 : #64aa97 : -30
31 : #62ac98 : -28
33 : #60af9a : -26
35 : #5db19b : -24
37 : #5bb39c : -22
39 : #58b69d : -20
41 : #56b89e : -18
43 : #54bb9f : -16
45 : #51bda0 : -14
47 : #4fbfa1 : -12
49 : #4cc2a3 : -10
51 : #4ac4a4 : -8
53 : #48c7a5 : -6
55 : #45c9a6 : -4
57 : #43cba7 : -2
59 : #40cea8 : ±0
61 : #3ed0a9 : +2
63 : #3cd3aa : +4
65 : #39d5ac : +6
67 : #37d7ad : +8
69 : #34daae : +10
71 : #32dcaf : +12
73 : #30dfb0 : +14
75 : #2de1b1 : +16
77 : #2be3b2 : +18
79 : #28e6b3 : +20
81 : #26e8b4 : +22
83 : #24ebb6 : +24
85 : #21edb7 : +26
87 : #1fefb8 : +28
89 : #1cf2b9 : +30
91 : #1af4ba : +32
93 : #18f7bb : +34
95 : #15f9bc : +36
97 : #13fbbd : +38
99 : #10febf : +40
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #010403 : -52
3 : #030c0a : -50
5 : #051410 : -48
7 : #071c17 : -46
9 : #09241d : -44
11 : #0c2d24 : -42
13 : #0e352a : -40
15 : #103d31 : -38
17 : #124537 : -36
19 : #144d3e : -34
21 : #165544 : -32
23 : #185d4b : -30
25 : #1a6551 : -28
27 : #1c6d58 : -26
29 : #1e765e : -24
31 : #207e65 : -22
33 : #23866b : -20
35 : #258e72 : -18
37 : #279678 : -16
39 : #299e7f : -14
41 : #2ba685 : -12
43 : #2dae8c : -10
45 : #2fb692 : -8
47 : #31bf99 : -6
49 : #33c79f : -4
51 : #38cca4 : -2
53 : #40cea8 : ±0
55 : #49d0ac : +2
57 : #51d2b0 : +4
59 : #59d4b3 : +6
61 : #61d6b7 : +8
63 : #69d8bb : +10
65 : #71dabe : +12
67 : #79dcc2 : +14
69 : #81dfc6 : +16
71 : #89e1c9 : +18
73 : #92e3cd : +20
75 : #9ae5d1 : +22
77 : #a2e7d4 : +24
79 : #aae9d8 : +26
81 : #b2ebdc : +28
83 : #baede0 : +30
85 : #c2efe3 : +32
87 : #caf1e7 : +34
89 : #d2f3eb : +36
91 : #dbf6ee : +38
93 : #e3f8f2 : +40
95 : #ebfaf6 : +42
97 : #f3fcf9 : +44
99 : #fbfefd : +46
CSS入門、作ってます。
text-shadow